Animate React components with the motion component.
<motion.div
animate={{ x: 100 }}
transition={{ type: "spring" }}
/>Get started
npm install motionDocs
v14.9.0
Platforms
Animate HTML, SVG and WebGL in any framework, or none.
animate(".box", { x: 100 }, {
type: "spring",
bounce: 0.3
})Get started
npm install motionAnimate Vue components with the motion component.
<motion.div
:animate="{ x: 100 }"
:transition="{ type: 'spring' }"
/>Get started
npm install motion-vGuides
Developer tools
0.00.51.01.5
h1
.description
buttons
Motion Studio
Edit animations on a visual timeline in your own site.
Studio docsAI Kit
Motion docs, examples and skills for your coding agent.
AI Kit docsPerformance Doctor
Find and fix slow animations from your agent's chat.
Doctor docsCSS Studio
CSS Studio
Edit the CSS of your existing project visually.
CSS Studio docs