Components/grids

Sticky Scroll Reveal

Left content stays sticky while right-side entries scroll and activate in sequence.

Pro

01 / 03

Compose

Scroll to step through

How it works

Three steps from blank file to shipped.

Compose from primitives

Start with typed, headless building blocks. Every prop autocompletes and carries its own inline documentation.

Tune one motion curve

A single spring drives every transition, so menus, sheets, and overlays all move like one coherent product.

Own the source

Copy each component straight into your repo. No runtime dependency, no version lock, no surprises at build time.

Usage: paste this file into your project (e.g. components/sticky-scroll-reveal.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.

← Stepper Tag Input →