> 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/motion-flow/get-started/use-template-sequences.md).

# Use Template Sequences

Motion Flow includes ready-made **scroll video templates** that are already sequenced and optimized for scroll playback.

Templates are the fastest way to create cinematic scroll sections without uploading or preparing your own videos.

***

### Where to Find Templates

Select the Motion Flow widget on your page to open the app panel.

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

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

Make sure you are in the **Templates** tab to see the available template sequences.

You will also see the **Settings (gear) icon** in the top-right corner.\
This button is always visible and opens the scroll settings.

***

### Step 1: Choose a Template Sequence

Inside the **Templates** tab, you will see a list of available video sequences.

To use a template:

1. Click on a template thumbnail
2. The sequence loads automatically inside your section

No confirmation is needed. The template becomes active immediately.

The video is already fully prepared for scroll playback.

***

### Step 2: Preview the Scroll Behavior

Once the template is loaded:

* publish your site
* scroll the page on the live site
* watch how the video reacts to scroll
* adjust section height or layout if needed

At this point, the video is already linked to scroll and ready to use.

***

### Step 3: Adjust Scroll Area (Optional)

Click the **Settings (gear) icon** to open the scroll settings.

With template sequences, the animation itself is already defined, so the main setting you may want to adjust is:

#### Animation Area

This controls **where in the section the video plays**.

Default:

* Start: **0%**
* End: **100%**

Meaning the video plays across the full section height.

{% hint style="info" %}
**Example:**

* Start: **20%** → video starts after the first part of the section
* End: **80%** → video finishes before the section ends

This is useful if you want to combine the video with other content before or after the animation.
{% endhint %}

***

### When to Use Templates

Templates are perfect if you want to:

* build fast
* test scroll video behavior
* prototype layouts
* create hero sections quickly

They are also a good reference for pacing and layout before switching to your own videos.

***

### What’s Next?

Once you’re comfortable with templates, you can:

* [upload and use your own videos](/interactive-studio/motion-flow/get-started/upload-custom-sequences.md)
