Popularity
2.3
-
Activity
9.7
Declining
33
38
65

Description

Motion is an open source, production-ready library that's designed for all creative developers.

It looks like this:

Monthly Downloads: 0
Programming language: TypeScript
Tags: UI Animation     React     Reactjs     Animation    
Latest version: v1.6.15

framer/motion alternatives and similar libraries

Based on the "UI Animation" category

Do you think we are missing an alternative of framer/motion or a related project?

Add another 'UI Animation' Library

README

An open source and production-ready motionlibrary 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-motion
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 checkout our examples for inspiration.

Contribute

Want to contribute to Motion? Our contributing guide has you covered.

License

Motion is MIT licensed.


*Note that all licence references and agreements mentioned in the framer/motion README section above are relevant to that project's source code only.