Components

Scroll Zoom Reveal

Pro
Above
the shoreline
Scroll back up to shrink it again.

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/scroll-zoom-reveal

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 90 Pro components · lifetime updates.

I have a licenseGet Pro
<ScrollZoomReveal leading="Above" trailing="the shoreline" radius={24}>
  <video src="/coast.mp4" autoPlay muted loop playsInline />
</ScrollZoomReveal>

Use cases

  • Showreel opener

    Let a studio's reel grow out of a footer line into a full-bleed play.

  • Product hero

    Start with the app as a footnote in the headline, then let it take over the viewport.

  • Case-study transition

    Bridge from a text intro into a full-bleed image without a hard cut.