Popularity
9.1
Growing
Activity
9.8
Growing
9,718
81
257

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
License: MIT License
Tags: UI Animation     React     Reactjs     Animation    
Latest version: v2.9.5

framer/motion alternatives and similar libraries

Based on the "UI Animation" category.
Alternatively, view framer/motion alternatives based on common mentions on social networks and blogs.

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 }} />

It does all this:

  • Spring animations
  • Simple keyframes syntax
  • Gestures (drag/tap/hover)
  • Layout and shared layout animations
  • SVG paths
  • Exit animations
  • Server-side rendering
  • Variants for orchestrating animations across components
  • CSS variables

...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.