Collections

The small responses that make an interface feel like it answered you.

Motion for the layer that sits behind everything else.

Components that carry state and physics instead of decoration.

Type that moves for a reason.

Forty-two components whose main 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.

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

Content that is uncovered instead of faded in.

Motion described by physics instead of a curve.

Fifteen components that use blur as a material, not a filter.

Twenty-one components whose timeline is the scrollbar.

Thirteen components that animate the shape of what you can see instead of the element itself.

Eleven components that animate between two layouts, not between two styles.

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

Forty-nine components built on Motion, the animation library that used to be published as Framer Motion.

Forty 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.