7.2.1 β’ Published 2 years ago
wy-framer-motion v7.2.1
Framer Motion is an open source, production-ready library thatβs designed for all creative developers.
It looks like this:
<motion.div animate={{ x: 0 }} />
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:
import { motion } from "framer-motion"
export const MyComponent = ({ isVisible }) => (
<motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
)
π Docs
- Check out our documentation for guides and a full API reference.
- Or see our examples for inspiration.
π Contribute
- Want to contribute to Framer Motion? Our contributing guide has you covered.
π©π»ββοΈ License
- Framer Motion is MIT licensed.
β¨ Framer
- Design and publish sites that inspire. Try Framer for free.
7.2.1
2 years ago