Framer Motion
An open source motion library for React, made by Framer.
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
Install `framer-motion` with via your package manager:
```
npm install framer-motion
```
Then import the `motion` component:
```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 see [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
- Design and publish sites that inspire. [Try Framer for free](https://www.framer.com/).