v14.8.0

Docs

Platforms

Animate React components with the motion component.

<motion.div
  animate={{ x: 100 }}
  transition={{ type: "spring" }}
/>

npm install motion

Animate HTML, SVG and WebGL in any framework, or none.

animate(".box", { x: 100 }, {
  type: "spring",
  bounce: 0.3
})

npm install motion

Animate Vue components with the motion component.

<motion.div
  :animate="{ x: 100 }"
  :transition="{ type: 'spring' }"
/>

npm install motion-v

Edit animations on a visual timeline in your own site.

Motion docs, examples and skills for your coding agent.

Find and fix slow animations from your agent's chat.

Edit the CSS of your existing project visually.