Motion
Production-grade animation library for JavaScript and React
Motion, animation, WebGL, and 3D

Use it when
- Micro Interactions
- Page Transitions
- Layout Animation
What to explore
- Motion Inspiration
- Code Implementation
- Code
- Documentation
- Motion Example
How to access it
- DocumentationPreferred route
Read the official Motion documentation before implementing animation.
Access requirements are not recorded
Open recorded Documentation ↗ - Package Registry
Use the recorded npm-package distribution for project installation.
Access requirements are not recorded
- Source Code
Review the recorded source-code integration before depending on implementation details.
Access requirements are not recorded
Works with
- React
- Next Js
- Web
Important limitations
- Requires React for motion/react integration
Consider instead
- Anime.js
Recorded task fit: Targeted Interface Animation.
- GSAP
Recorded task fit: Sequenced Web Animation.
- LottieFiles
Recorded task fit: Lottie Asset Workflow.
- React Three Fiber
Recorded task fit: React 3d Integration.
Source details
- Domain
- motion.dev
- Source type
- Creative Technology Resource
- Access model
- Freemium
- Status
- Active
This page does not imply live provider verification.
Collections
- Motion starter pack
A motion approach matched to the interaction goal, runtime constraints, authoring workflow, and team stack.