Introduction
Spline Control lets you use Spline 3D scenes directly on your Wix Studio website and animate them based on scroll - without writing any code.
Instead of embedding static 3D elements or videos, you can turn your Spline scenes into fully interactive sections that react to how users move through the page. Objects can move, rotate, scale, or fade as the page scrolls, creating smooth and immersive visual experiences.
Everything is controlled visually inside the editor, so you can focus on how your site should look and feel, not on how to make it work technically.
What Can You Build with Spline Control?
Spline Control is designed for creating scroll-driven 3D experiences that feel dynamic and cinematic. Common use cases include:
Hero sections with animated 3D objects
Product showcases that reveal details as users scroll
Storytelling sections with moving environments
Interactive backgrounds that respond to page movement
Instead of playing automatically, animations are tied directly to scroll, which gives you much more control over pacing and storytelling.
How Spline Control Works (Conceptually)
Spline Control connects your Spline scene to the scroll position of a section on your page.
As users scroll, the app updates the position, rotation, scale, and visibility of selected objects in real time. This creates the effect of an animation that progresses naturally with page movement, rather than running on a fixed timeline.
Behind the scenes, Spline Control handles:
loading your Spline scene
connecting objects to animation controls
syncing animation with scroll behavior
running everything smoothly on the live site
You never need to write animation code or set up external libraries.
Templates vs. Custom Spline Scenes
Spline Control supports two main workflows:
1) Using Templates
Templates are ready-made Spline scenes that are already prepared for scroll animations. They are ideal if you want to:
test the app quickly
learn how scroll animations behave
start from a finished 3D layout
Templates can also be customized and extended if you want to adjust materials, lighting, or object positions later in Spline.
2) Using Your Own Spline Files
If you already design in Spline, you can connect your own scenes using a production URL.
This gives you full freedom over:
3D models
materials and lighting
object structure and naming
Once connected, all objects in your scene become available for scroll-based animation inside Spline Control.
When to Use Spline Control
Spline Control is best suited when you want:
strong visual impact
motion that reacts to user behavior
immersive storytelling on landing pages
product-focused interaction rather than static visuals
If your project relies more on video storytelling or subtle UI effects, you may want to combine Spline Control with Motion Flow or Aura Suite for a complete interactive experience.
What’s Next?
This page gives you an overview of what Spline Control is and what it’s designed for.
To start using the app, continue with the Get Started guides:
Each guide walks you through one part of the setup step by step.
Last updated