Video Scrub Hero

Video Scrub Hero
Video Scrub Hero

About Video Scrub Hero

Video Scrub Hero — City Opens

A cinematic scroll-driven video hero for Framer.

As you scroll, the hero stays pinned while the video plays: subway doors slide open onto a city at night. Scroll back, and it plays in reverse.

Your scroll becomes the timeline. Your footage becomes the opening.

✦ Features

Scroll-driven video

  • Pinned hero with smooth video scrubbing, forward and back

  • Adjustable scroll length to set the pace

Fully customizable

  • Video, mobile video and poster image

  • Title, tagline, colors, overlay and zoom

  • All from the Framer properties panel, no code

Responsive & accessible

  • Separate vertical video for phones

  • Poster while the video loads

  • Works with mouse, trackpad, touch and keyboard

  • Respects reduced motion

Seamless

  • The page continues naturally after the video

  • Self-contained: never touches your page’s scroll or body styles

  • Lightweight still preview in the editor

✦ What’s included

  • 1 Framer component

  • 3 videos encoded for smooth scrubbing: 1080p, 720p, vertical

  • 1 poster image

  • Install guide

  • Commercial license

The video footage was created with generative AI tools.

✦ License

One license, unlimited projects. The Marketplace badge reads “Single-Use”, but this component comes with a broader license, included in the download: one person or one company, unlimited personal and client projects, commercial ones included. Reselling or redistributing the component or its media is not allowed.

✦ Support

guglielmo.dev@proton.me

From Guglielmo Giannattasio

Shattered Glass Hero
Liquid Particle Hero
Scroll Video Reveal
Text Curtain Hero

Related Components

Swiss Testimonials
Features Cards
Stack Slider
Split Screen Hero