framer-motion
TypeScript icon, indicating that this package has built-in type declarations

11.0.14 • Public • Published

Framer Motion Icon

Framer Motion

An open source motion library for React, made by Framer.

Motion powers Framer, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.


Start for free


Framer Banner


Chat on Discord




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:

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

💎 Contribute

👩🏻‍⚖️ License

  • Framer Motion is MIT licensed.

✨ Framer

Package Sidebar

Install

npm i framer-motion

Weekly Downloads

3,616,119

Version

11.0.14

License

MIT

Unpacked Size

2.21 MB

Total Files

312

Last publish

Collaborators

  • kurtextrem
  • szymon-framer
  • niekert1
  • adaam2
  • coobaha_
  • serhii.havrylenko
  • tom-james-watson
  • kaloyanvi
  • pedro-martinho
  • arturfortunato
  • anthonyec
  • henrique.ferreira
  • ankon
  • framerjs-owner
  • nvh
  • koenbok
  • lempsink
  • fverloop
  • edomarkets
  • jurrehoutkamp
  • popmotion
  • motifus
  • koenrh
  • aroagb
  • cminardi
  • oscarlsson
  • shuangq
  • melirofman
  • jonastreub
  • ogorter
  • jornvandijk
  • iamakulov
  • benjamindenboer
  • hemlok
  • hunterhcaron
  • heypiotr_f
  • k15a
  • danillouz