Motion Playground
Explore interactive UI motion patterns using motion/react
Fade In
Smooth opacity and position entrance
Entering...
Fades in from transparent while moving up from a lower position.
Hover Lift
Spring-based elevation on hover
Hover Me
Lifts up smoothly with spring physics when you hover over this card.
Tap Interaction
Press for instant feedback
Press Me
Scales down when pressed to provide tactile feedback.
Staggered Entrance
Sequential animation with delay
Child elements animate one after another in sequence.
Chart Reveal
Delayed progressive appearance
Chart bars grow from bottom with staggered timing.
Combined Effects
Hover, tap, and watch
Combines hover lift, scale, and tap animations.