Package Exports
- framer-motion
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (framer-motion) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
An open source and production-ready motion
library for React on the web.
Motion is an open source, production-ready library that's designed for all creative developers.
It looks like this:
<motion.div animate={{ x: 0 }} />And does this:
- Spring physics
- Keyframes
- Drag
- SVG paths
- Server-side rendering
- Pose-inspired tree animations
- CSS variables
- Position transitions
- Unmount transitions
...and a whole lot more.
Get started
Quick start
npm install framer-motionimport { 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 checkout our examples for inspiration.
Contribute
Want to contribute to Motion? Our contributing guide has you covered.
License
Motion is MIT licensed.