Scroll Video Reveal

Scroll Video Reveal
Scroll Video Reveal

About Scroll Video Reveal

Scroll Video Reveal — Tokyo Skyline

A scroll-driven video hero with a depth reveal, for Framer.

It opens in a room at sunset. As you scroll, the camera moves through the window and over the city, until your brand mark appears in the sky behind the skyline.

The city frames your name.

✦ Features

Scroll-driven video

  • Scroll scrubs the video forward and back, frame by frame

  • Depth reveal: your brand mark sits behind a transparent skyline cutout

  • Adjustable scroll length to set the pace

Fully customizable

  • Video, mobile video, poster and skyline cutout

  • Title, brand mark, navbar links and colors

  • Glass navbar included

  • All from the Framer properties panel, no code

Responsive & accessible

  • Optional vertical video for phones, plus a vertical brand mark on small screens

  • Loads reliably on Safari and iOS, with a poster until the first frame is ready

  • Respects reduced motion

  • Lightweight still preview in the editor

Seamless

  • Self-contained: the page scrolls normally, no global styles, nothing outside the component changed

✦ What’s included

  • 1 Framer component

  • Tokyo footage in 3 encodes: 1080p, 720p, vertical

  • Poster image and skyline cutout

  • Install guide, with an encoding recipe for your own video

  • Commercial license

The footage and skyline artwork were 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

Text Curtain Hero
Video Scrub Hero
Shattered Glass Hero
Liquid Particle Hero

Related Components

Scroll Cue
Scroll Timeline Pro
Pricing Plans
TickerFlow Hero