Collections

The small responses that make an interface feel answered rather than obedient.

Full-bleed motion for the layer behind everything else.

Components that carry state and physics rather than decoration.

Type that moves on purpose.

Twenty-eight components whose primary state change is the pointer arriving.

Stagger is the delay you put between siblings so a group arrives as a sequence instead of a block.

Nineteen components you move with a finger or a cursor, and that keep moving after you let go.

Content that is uncovered rather than faded in.

Motion described by physics instead of a curve.

Fifteen components that use blur as a material rather than a filter.

Six components whose timeline is the scrollbar.

Ten components that animate the shape of what you can see rather than the element itself.

Seven components that animate between two layouts rather than between two styles.

Six components that put an element in perspective and rotate it against the pointer.

Thirty-two components built on Motion, the animation library formerly published as Framer Motion.

Twenty-two components that render on the GPU through a WebGL context — fragment-shader gradients, particle fields, fluid simulations, an agent-based slime mould, rain running down a pane of glass, a raymarched black hole.