Repository files navigation

Motion is the only animation library with first-class APIs for both JavaScript and React.

It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.

Installmotion via your package manager:

npm install motion

import{animate}from"motion"animate("#box",{x:100})

Read the fullJavaScript docs.

import{motion}from"motion/react"functionComponent(){return<motion.divanimate={{x:100}}/>}

Read the fullReact docs.

• Want to contribute to Motion? Ourcontributing guide has you covered.

• Motion is MIT licensed.

Motion is sustainable thanks to the kind support of its sponsors.

Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.

• Nusu
• OlegWock
• Lambert Weller
• Jake LeBoeuf
• Han Lee