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
Dropdown menu
The ARIA menu-button pattern with grouped items, roving focus, shortcuts and destructive styling.
NavigationintermediateFeatured6 variantsField
The accessibility contract shared by every form control — label, help text, error, success and the ARIA wiring that connects them.
FormsintermediateFeatured7 variantsTable
A semantic table with two responsive strategies, a focusable scroll region and a built-in empty state.
DataintermediateFeatured5 variantsToast
Transient notifications in a single polite live region, with pinned errors and an optional undo action.
FeedbackintermediateFeatured6 variantsDrawer
An edge-anchored modal — left, right or bottom — sharing the dialog’s focus and scroll contract.
Overlayintermediate5 variantsFile upload
A drop zone that is fully operable from the keyboard, with local file listing, size validation and removal.
Formsintermediate5 variantsPopover
A non-modal layer with six CSS placements — the page behind stays interactive.
Overlayintermediate3 variantsTabs
ARIA tabs with manual activation and three appearances.
Navigationintermediate5 variants