# Introduction Motion Flow lets you turn videos into **scroll-controlled experiences** inside Wix Studio. Instead of playing a video on click or autoplay, the video reacts directly to how users scroll. As they move down the page, the video progresses frame by frame. This creates smooth, cinematic sections that feel intentional and interactive - similar to what you see on high-end product websites. Everything is controlled visually inside the editor. You focus on layout and storytelling, while Motion Flow handles the technical side of video sequencing and playback. {% embed url="" %} *** ### What Can You Build with Motion Flow? Motion Flow is designed for **visual storytelling on scroll**. Typical use cases include: * Product reveals that unfold as users scroll * Step-by-step feature explanations * Cinematic hero sections * Transitions between content sections using video Because the video is tied to scroll position, you control exactly how fast or slow the story progresses. *** ### How Motion Flow Works (Conceptually) Motion Flow connects your video to the scroll progress of a section on your page. As the user scrolls, Motion Flow displays the corresponding video frames in real time, creating the effect of a smooth animation that follows the scroll. Behind the scenes, Motion Flow takes care of: * splitting videos into optimized sequences * compressing and preparing frames * hosting and delivering assets efficiently * syncing playback with scroll behavior All of this happens automatically. You don’t need to process videos manually or manage files yourself. *** ### Templates vs. Custom Videos Motion Flow supports two main ways of working: #### 1) Using Templates Templates are pre-built video sequences that are already prepared for scroll playback. They are perfect if you want to: * test the effect quickly * understand how scroll video feels in practice * start with a ready-made visual structure Templates can be used as-is or simply as inspiration for your own layouts. #### 2) Using Your Own Videos You can also upload your own video files directly inside Motion Flow. This is ideal if you want to: * showcase your own products * tell a specific story * match your brand visuals exactly Once uploaded, Motion Flow automatically processes the video and prepares it for smooth scroll playback on your website. *** ### When to Use Motion Flow Motion Flow is best suited when you want: * strong visual storytelling * precise control over pacing * smooth, cinematic transitions * content that reacts directly to user input If your project focuses more on 3D scenes or subtle UI polish, you may want to combine Motion Flow with **Spline Control** or **Aura Suite**. *** ### What’s Next? This page gives you an overview of what Motion Flow is and what it’s designed for. To start using the app, continue with the **Get Started** guides: * [**Install the App**](/interactive-studio/motion-flow/get-started/install-the-app.md) * [**Use Template Sequences**](/interactive-studio/motion-flow/get-started/use-template-sequences.md) * [**Upload Custom Sequences**](/interactive-studio/motion-flow/get-started/upload-custom-sequences.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/motion-flow/introduction.md?ask= ``` 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.