# 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.

{% embed url="<https://youtu.be/YBOKT2qVCOo>" %}

***

### 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:

* [**Install the App**](/interactive-studio/spline-control/get-started/install-the-app.md)
* [**Use Template Spline Scenes**](/interactive-studio/spline-control/get-started/use-template-spline-scenes.md)
* [**Use Custom Spline Scenes**](/interactive-studio/spline-control/get-started/use-custom-spline-scenes.md)
* [**Scroll Settings Explained**](/interactive-studio/spline-control/get-started/scroll-settings.md)

Each guide walks you through one part of the setup step by step.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://insync.gitbook.io/interactive-studio/spline-control/introduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.