Live - built with react-ui-animate
Deploy complete
Enter → hold → exit
2,048 likes
Press feedback
drag me
60 FPS
Spring-driven
drag the card · it springs right back
Why React UI Animate
A focused toolkit for motion
Powerful enough for complex interactions, simple enough to learn in an afternoon.
Declarative API
Animate with props like animate, hover, press, and view. No imperative timelines or boilerplate.
60fps Performance
Values update outside React’s render cycle, so motion stays smooth without triggering re-renders.
Gestures Built-in
First-class hooks for drag, move, scroll, and wheel let you craft rich, tactile interactions.
Unmount & Exit
Animate components as they leave the DOM. Built for modals, tooltips, and dropdowns.
TypeScript First
Fully typed components, hooks, and utilities with autocomplete that guides you as you build.
Tiny & Tree-shakeable
Import only what you use. Side-effect free and optimized for modern bundlers.
Live demos
Examples
Interactive patterns built with React UI Animate. Real source, not a mockup.
Read the docsDrag & spring
Grab, release, and watch it spring back into place.