> For the complete documentation index, see [llms.txt](https://insync.gitbook.io/interactive-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://insync.gitbook.io/interactive-studio/spline-control/get-started/use-custom-spline-scenes.md).

# Use Custom Spline Scenes

Spline Control lets you connect your own Spline projects and animate them on scroll inside Wix Studio.

To do this, you need to paste the **Production URL** of your Spline scene into the app.

***

### Step 1: Open the Custom Tab

Select the Spline Control widget on your page to open the app panel.

At the top of the panel, you will see two tabs:

* **Templates**
* **Custom**

Click on the **Custom** tab.

You will now see an input field where you can paste your Spline link.

***

### Step 2: Get the Production URL from Spline

Open your Spline project in the Spline editor.

Then:

1. Click **Export** in the top-right corner
2. In the export panel, select **Viewer**
3. Copy the URL shown at the top

{% hint style="warning" %}
**Important:** Do **not** use the link from the **Public URL** tab.\
Only the **Viewer → Production URL** will work correctly with Spline Control.
{% endhint %}

***

### What the URL Should Look Like

A valid Production URL looks like this:

```
https://prod.spline.design/GXUK5SDmcob7xk8z/scene.splinecode
```

If your link starts with `prod.spline.design/` and ends with `/scene.splinecode`, you’re using the correct format.

***

### Step 3: Connect Your Scene

Go back to the Spline Control app panel.

1. Paste the Production URL into the input field
2. Click **Confirm** on the right side of the input

The app will now load your Spline scene automatically inside the widget.

You don’t need to refresh the page or reload the editor.

***

### Step 4: Animate Objects from Your Scene

Once your scene is connected:

* all objects from your Spline file are automatically imported
* each object becomes selectable in the animation settings

Click the **Settings (gear) icon** to open the animation panel.

From there, you can select any object and control how it moves, rotates, scales as users scroll. Each object can be animated independently.

***

### Tips for Using Custom Spline Scenes

* Keep object names organized in Spline to make them easier to find later
* Avoid extremely heavy models for better performance
* Test animations on the live site for the most accurate scroll behavior

***

### What’s Next?

Now that your own Spline scene is connected, continue with:

* [**Scroll Settings**](/interactive-studio/spline-control/get-started/scroll-settings.md) - control how animations respond to scroll