Beautiful building blocks for the web.

A visual lead block with expressive type, gradient object, and two deliberate actions.

A varied four-panel feature composition with room for one hero statement and supporting details.

A substantial pointer-aware panel where the light follows the user's attention.

A large colour composition for introducing a feature, story, or transition.

A polished three-plan comparison with a highlighted recommendation and usable action callbacks.

A confident action primitive with solid, soft, outline, ghost, and danger states.

A flexible surface for product content, metadata, and a quiet action row.

A compact status signal with semantic tones and an optional dot.

A labelled text control with hint, error, and adornment support.

A spacious writing control with the same labelled validation contract as Input.

A native checkbox row with an optional supporting description.

A compact on/off control with native switch semantics and clear copy.

A keyboard-friendly tablist for switching between related views.

A native modal with controlled Escape handling, focus return, and a considered surface.

A small contextual hint that works with hover, focus, and Escape dismissal.

A responsive navigation row with useful anchors and an action slot.

A calm navigation rail for sections, workspaces, and active state.

A searchable command surface with keyboard navigation and native modal isolation.

A flexible disclosure pattern for grouped questions and product detail.

A useful first-run moment with a clear next action.

A compact status message with optional action and dismissal.

A travelling attention beam adapted into a local, token-aware interaction surface.

A bounded pointer response that gives a surface a gentle sense of depth.

A paced word reveal for a headline or short statement, static when motion is reduced.

A local count-up or count-down transition for a meaningful metric.

A paced grid of steps with bounded entrance motion and a static mode.

A disclosure card for progressive detail without leaving the current context.

A calm quote grid with explicit sample content and compact author metadata.

A two-column FAQ block that pairs a strong intro with accessible disclosures.

A structured footer with brand note, grouped links, and a clear copyright row.