Design system
Primitives
Buttons, inputs, badges, avatars — the atomic building blocks.
Badge
Short status / label pills in every variant.
Badge
defaultsecondaryoutlineghostdestructivemuted
Input & Label
Text inputs with default and ghost variants, three sizes, and a disabled state.
InputLabel
Select
A Base UI select with grouped, labelled, separated options.
SelectSelectTriggerSelectValueSelectContentSelectItemSelectGroupSelectGroupLabelSelectSeparator
Avatar
Three sizes with an initials fallback when the image is missing.
AvatarAvatarImageAvatarFallback
SMMDLG
Separator
Horizontal or vertical dividers with the correct ARIA role.
Separator
DocsAPIBlog
Spinner
The house loading indicator, sized to the current font by default.
Spinner
Kbd
Keys and chords for hotkey hints.
KbdKbdGroup
⌘K⌘⇧PEsc
Tooltip
Hover / focus tooltips, positioned, sharing an open delay via the provider.
TooltipTooltipProviderTooltipTriggerTooltipContent