TECHNOLOGY INDEX / REFERENCEREACT / MOTION / GESTURESREACT ANIMATION LIBRARY
REFERENCE / FRAMER MOTION

Framer Motion

Framer Motion, now documented as Motion for React, is a React animation library for transitions, presence, layout changes, gestures and scroll-linked movement.

WHAT IT DOES / 01

STATE CHANGES.
VISIBLE MOTION.

It lets components describe how they enter, leave and move as application state changes while providing spring, keyframe and gesture controls.

KEY CONCEPTS / 02

THE CORE
IDEAS.

  1. 01

    MOTION COMPONENTS

    Add animation properties to familiar HTML and SVG elements through React components.

  2. 02

    ANIMATE PRESENCE

    Coordinate exit animation when elements are removed from the React tree.

  3. 03

    GESTURES & SPRINGS

    Connect pointer gestures and physical-feeling transitions to interface state.

KEEP EXPLORING / 03

OFFICIAL
RESOURCES.

BACK TO ARCHIVEALL PROJECTS←