Motion is a JavaScript and React animation library that combines the best of Web Animations API with the flexibility of JavaScript. It provides a simple yet powerful way to add animations to your React applications.
- 120fps animations
- Hybrid engine (Web Animations API + JavaScript)
- Gesture animations (hover, tap, focus, drag)
- Layout animations
- Variant system for choreography
- AnimatePresence for exit animations
- TypeScript support
- Server-side rendering support
- React 18+ support
- motion.{element}: Animated versions of HTML/SVG elements
- AnimatePresence: Manage enter/exit animations
- Variants: Orchestrate animations
- Gestures: Hover, tap, focus interactions
Free and open-source.