Framer Motion

Declarative animations for React. Powerful, physics-based, and easy to maintain.

Gesture

Hover, Tap, and Drag interactions

Eyes

Layout Transition

Automatic layout animation with layout prop

Eyes
Eyes
Eyes

Orchestration

Staggering children with Variants

Eyes
Eyes
Eyes
Eyes

Shared Layout

Morphing between components

E
K
Y

Keyframes

Complex sequences

Eyes

3D Tilt

Mouse position tracking

Eyes

Animated Counter

Interpolating numeric values

0

Grid Stagger

Delay based on index

Eyes
Eyes
Eyes
Eyes
Eyes
Eyes
Eyes
Eyes
Eyes

Text Reveal

Staggered character animation

Revealing..

Magnetic Button

Spring physics cursor attraction

MAGNETEyes

Smooth Accordion

Animate height: auto

Content expands smoothly using exact measurements.