Reel
FeaturedA horizontal camera pan across a filmstrip, driven entirely by the wheel. Four frames slide through a fixed gate and each plays its own mini motion as it crosses centre — a logo-mark drawing itself, bars growing into a chart, two counter-rotating tick rings, and the wordmark wiped in by clip-path. A slower parallax backdrop and edge vignette sell the depth; scroll back and every beat rewinds.
hero / hero-scroll-reel
Playback
Parameters
Hue30
Scrub smoothing170
Complexity
Advanced
Interaction
Scroll, Autoplay
Stack
Framer Motion, SVG, CSS
Category
hero
Where to use it
Landing PagesPresentationPortfolioStartup
Ships as motions/hero/hero-scroll-reel.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.