Popularity
9.3
Growing
Activity
9.6
Declining
12,654
92
365

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: v5.0.0

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

Framer Motion An open source and production-ready motionlibrary for React on the web.

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:

  • 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 Framer Motion? Our contributing guide has you covered.

License

Framer Motion is MIT licensed.

Framer

Get on the same page as your designers before production. Get started with design and prototyping in Framer.


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