---
title: "scroll video section — Free Framer component · Best of Framer"
description: "Free Framer component · by mohan v · Sections. video on scroll section"
canonical: "https://framer.elliotli.dev/component/scroll-video-section"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/scroll video section

# scroll video section

video on scroll section

[View on Framer](https://framer.com/marketplace/components/scroll-video-section/?via=elliot-li)

![scroll video section preview image 1](https://framer.elliotli.dev/og/component/scroll-video-section/59e1068de0f43570/1600x1200.jpg)

## Summary

video on scroll section

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4528

## Details

- **Author**: mohan v
- **Published**: 2026-08-30
- **Updated**: 2026-08-30
- **Added**: 2026-08-30
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes