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.
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:
Each guide walks you through one part of the setup step by step.
Last updated