scroll video section

video on scroll section

Build cinematic scroll experiences by sequencing still images and transition videos. As visitors scroll, each stage holds on a still image, then smoothly scrubs through a connecting video into the next stage — giving users direct control over the reveal. How it works Add your images as stages and upload short videos as transitions between them. The component pins to the viewport and drives video playback from scroll position — every frame is tied to where the user is on the page. What's included — Scroll-scrubbed video playback with no stutter or blank frames — Crossfade blending between layers so cuts never pop — Animated text overlays with per-stage titles, descriptions, and colors — Progress dots showing the current stage — Configurable hold length, transition length, text position, overlay direction, and fonts — Static canvas preview so it looks right while you're designing Best for Product reveals, case study walkthroughs, before/after showcases, portfolio pieces, and storytelling sections. Setup Add stage images in the property panel Upload short MP4/WebM videos as transitions between stages Adjust hold and transition scroll lengths to taste Style your text, colors, and overlay Supports responsive images, custom fonts, and per-stage text color overrides. Works on mobile with touch scroll.

video on scroll section