Motion Lab

Micro-interactions and UI animations — click and hover to explore

01 — ButtonMorphing SubmitIdle → Loading → Done state machine

02 — ToggleSpring SwitchSatisfying overshoot on the thumb

Off

03 — ReactionHeart LikeScale burst on first interaction

04 — FeedbackRipple EffectOrigin-aware ink spread on click

05 — Motion3D Tilt CardPerspective rotation tracks cursor

Hover me

06 — PhysicsMagnetic ButtonProximity attraction with spring return

07 — StatusTyping DotsStaggered bounce communicates presence

08 — AtmosphereCursor SpotlightRadial gradient follows mouse position

Move your cursor to reveal the spotlight