Motion.library

Reel

Featured

A 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.

Related motions