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
### 🐇 Quick start
```
npm install framer-motion
```
```jsx
import { motion } from "framer-motion"
export const MyComponent = ({ isVisible }) => (
)
```
### 📚 Docs
Check out [our documentation](https://www.framer.com/docs/) for guides and a full API reference.
Or checkout [our examples](https://www.framer.com/docs/examples/) 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/).