Cinematic Animation Library
From subtle micro-interactions to dramatic page transitions - bring your interfaces to life with professional-grade motion.
Spring Physics Engine
High-energy bounce with stiffness 300 and low damping creates an exuberant, playful entrance that captures attention.
Cinematic Fade
A slow, elegant 1.5 second fade with sinusoidal easing creates a film-like reveal effect.
Dramatic Stage Left
150px travel distance with 0.8s duration creates a theatrical entrance from the left wing.
Holographic Card
Move your cursor across this card! Enhanced 3D tracking with 20° rotation and 1.08x scale.
Enter Stage Right
Mirror choreography - matching timing from the opposite direction creates visual balance.
Subtle Settle
Lower stiffness (150) with higher damping (20) creates a gentle, professional settle perfect for UI elements.
Exponential Reveal
Fast 800ms duration with exponential easing creates a snappy, modern feel that respects user time.
550+ Animation Components
From subtle micro-interactions to cinematic page transitions. Anime.js, Framer Motion, and Rive integrations.