Motion.library

Strata

Layered translucent panels hover in shallow 3D space. Pointer movement tilts the whole stack on a spring, revealing the depth between planes.

hero / hero-floating-panels
Playback
Parameters
Tilt12
Complexity
Intermediate
Interaction
Cursor
Stack
Framer Motion
Category
hero

Where to use it

SaaSDashboardStartup

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

Related motions