Building blocks

Components.

37 production components across inputs, actions, data display, navigation, and overlays. Every one with all its states, in light and dark, across six themes.

This section

A component is the smallest thing you compose with: a button, an input, a badge, a dialog. Each one runs on semantic tokens, so it follows the theme instead of being restyled per brand, and each ships with the states most libraries leave to you: hover, focus, pressed, disabled, loading, error, and empty.

Open one to see its variants, every state rendered live, and the rules for when to reach for it.