Motion.library

Flux

Featured

A single cloud of points that morphs through five silhouettes as the wheel scrubs — a pooling blob, a sine wave, a bar-chart skyline, an orbit ring, and finally the wordmark itself. Every beat is reversible: scroll back and the form unwinds through the same states. A faint proximity mesh and soft glow hold the cloud together while it idles on slow autoplay.

hero / hero-scroll-morph
Playback
Parameters
Hue265
Points120
Scrub smoothing170
Complexity
Advanced
Interaction
Scroll, Autoplay
Stack
Canvas, React
Category
hero

Where to use it

Landing PagesSaaSStartupPresentationExperimental

Ships as motions/hero/hero-scroll-morph.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.

Related motions