Quiet Assembly
Flat geometric primitives drift on independent sine paths and respond to pointer position with layered parallax. Composition stays balanced at every frame.
hero / hero-geo-shapes
Playback
Parameters
Parallax18
Complexity
Intermediate
Interaction
Autoplay, Cursor
Stack
Framer Motion
Category
hero
Where to use it
Landing PagesPortfolioStartup
Ships as motions/hero/hero-geo-shapes.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.