Complete documentation of the Motion animation library and Framer’s code features.
Getting started with Motion
Learn more about Motion’s features and get started by exploring a few interactive examples.
An open source production-ready motion library for React.
Get started with Motion and learn by exploring interactive examples.
Simple examples for animation, gestures, components, transforms and more.
How to animate in Framer Motion.
A Transition defines how values animate from one state to another.
A powerful gesture recognition system for the browser.
MotionValues track the state and velocity of animating values.
Utilities provide simple helper methods and properties for advanced interactive needs.
Motion components are DOM primitives optimised for 60fps animation and gestures.
Animate components when they're removed from the React tree.
Group motion components that should perform layout animations together.
Reduce bundle size by lazy-loading a subset of Motion's features.
Set configuration options for Framer Motion.
Create drag-to-reorder effects with a simple set of components.
Get started with Framer Motion 3D
A perspective camera that integrates React Three Fiber with Framer Motion's layout animations.
An orthographic camera that integrates with Framer Motion's layout animations.
A Canvas component for linking Framer Motion with Framer Motion 3D.
Extend your prototypes with code using Code Components and Overrides.