Framer Motion

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

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

It looks like this:

``jsx

`

It does all this:

- Springs
- Keyframes
- Layout animations
- Shared layout animations
- Gestures (drag/tap/hover)
- SVG paths
- Exit animations
- Server-side rendering
- Orchestrate animations across components
- CSS variables

...and a whole lot more.

Get started

$3

`
npm install framer-motion
`

`jsx
import { motion } from "framer-motion"

export const MyComponent = ({ isVisible }) => (

)
``

$3

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

Or checkout our examples for inspiration.

$3

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

$3

Framer Motion is MIT licensed.

Framer

Get on the same page as your designers before production. Get started with design and prototyping in Framer.