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:
- Spring animations
- Simple keyframes syntax
- Gestures (drag/tap/hover)
- Layout and shared layout animations
- SVG paths
- Exit animations
- Server-side rendering
- Variants for orchestrating animations across components
- CSS variables
...and a whole lot more.
## Get started
### Quick start
```
npm install framer-motion
```
```jsx
import { motion } from "framer-motion"
export const MyComponent = ({ isVisible }) => (
)
```
### Docs
Check out [our documentation](https://framer.com/api/motion) for guides and a full API reference.
Or checkout [our examples](https://framer.com/motion) for inspiration.
### Contribute
Want to contribute to Framer Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.
### License
Framer Motion is MIT licensed.
## Framer
Get on the same page as your designers before production. Get started with [design and prototyping in Framer](https://www.framer.com/).