← Back home

Motion

Reusable Framer Motion primitives — LazyMotion-powered, tree-shakeable, and reduced-motion aware.

Fade

Opacity-only reveal on scroll.

A block that fades in when it enters the viewport.

Slide

Directional slide + fade. Movement is dropped under reduced-motion.

up
down
left
right

Scale

Scale + fade reveal.

A block that scales up as it fades in.

Staggered cards

Children animate in sequence from one parent.

01
02
03
04
05
06

Hover & tap

Gesture animations built on the spring presets.

Hover me

AnimatePresence

Animate an element as it mounts and unmounts.