Motion system
Motion
20 animation presets and 12 view transitions, all built on four durations (instant · quick · ceremonial · grand) and the ease-silk curve. Everything no-ops under prefers-reduced-motion.
Animations
Entrances and ambient loops. Looping presets play forever — they're the 'videos' of the system.
card
envelope-opencard
card-slide-outseal-breakcard
curtain-revealpetal-fallloopsdiya-flickerloopsSwarnil weds Prachi
shimmer-goldcard
fade-up-staggercard
bounce-incard
rotate-incard
flip-revealcard
zoom-bloomcard
swing-hangloopscard
float-looploopscard
heartbeatloops✦✦✦
sparkle-poploopsthread-drawcard
garland-swayloopscard
slide-in-leftcard
slide-in-rightTransitions
How one view hands over to the next — page loads, section swaps, reveals.
view
fade-throughview
slide-overview
curtain-leftview
curtain-rightview
iris-revealview
arch-revealview
flip-transitionview
scale-fadeview
blur-throughview
petal-wipeview
drawer-risestagger-grid