Skip to content
Open source, production-ready animation and gesture library for React
Branch: master
Clone or download
mergetron Merge pull request #201 from framer/fix/new-item-variant-animate
Animating existing variants on newly-added variant children
Latest commit a595bf5 Jul 19, 2019

Framer Motion

An open source and production-ready motion
library for React on the web.

Motion is an open source, production-ready library that's designed for all creative developers.

It looks like this:

<motion.div animate={{ x: 0 }} />

And does this:

  • Spring physics
  • Keyframes
  • Drag
  • SVG paths
  • Server-side rendering
  • Pose-inspired tree animations
  • CSS variables
  • Position transitions
  • Unmount transitions

...and a whole lot more.

Get started

Check out our documentation for guides and a full API reference.

Or checkout our examples for inspiration.


Want to contribute to Motion? Our contributing guide has you covered.


Motion is MIT licensed.

You can’t perform that action at this time.