Newfangled Package Modernizer

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

    6.3.4 • Public • Published

    Framer Motion

    Framer Motion

    An open source and production-ready motion
    library for React on the web.


    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:

    • Springs
    • Keyframes
    • Layout animations
    • Shared layout animations
    • Gestures (drag/tap/hover)
    • SVG paths
    • Exit animations
    • Server-side rendering
    • Orchestrate 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.

    Install

    npm i framer-motion

    DownloadsWeekly Downloads

    1,005,911

    Version

    6.3.4

    License

    MIT

    Unpacked Size

    2.15 MB

    Total Files

    407

    Last publish

    Collaborators

    • ankon
    • mohamed-framer
    • framerjs-owner
    • nvh
    • koenbok
    • lempsink
    • fverloop
    • blixt
    • edomarkets
    • jurrehoutkamp
    • popmotion
    • motifus
    • koenrh
    • aroagb
    • cminardi
    • oscarlsson
    • shuangq
    • melirofman
    • jonastreub
    • ogorter
    • jornvandijk
    • iamakulov
    • benjamindenboer
    • hemlok
    • hunterhcaron
    • heypiotr_f
    • annesohyunlee
    • k15a
    • danillouz
    • vovacodes
    • mutahhir
    • palma_swell
    • jwfwessels
    • rickiesmooth