The primitives everything else is built from.
Components
Buttons, inputs, overlays, feedback and data display. Every primitive is token-driven, keyboard operable and ships with real states rather than a single happy-path render.
Showing 8 of 45 components — clear filters
Alert
A block-level message attached to a region, with tone-appropriate live-region politeness.
FeedbackstarterFeatured6 variantsToast
Transient notifications in a single polite live region, with pinned errors and an optional undo action.
FeedbackintermediateFeatured6 variantsBadge
Compact labelling with seven tones, three appearances and an optional second, colour-independent signal.
Feedbackstarter6 variantsEmpty state
The three-part empty state — what is missing, why, and the single most likely next action.
Feedbackstarter4 variantsProgress
Determinate and indeterminate progress as a bar or a ring, with four tones.
Feedbackstarter5 variantsSkeleton
Placeholder geometry for resolving content, in line, block, circle and button shapes.
Feedbackstarter5 variantsSpinner
A pure-CSS indeterminate indicator that inherits currentColor and costs nothing to render.
Feedbackstarter3 variantsStatus
System state as icon plus label plus colour — never colour alone.
Feedbackstarter4 variants