React component system
Accessible components,
token-driven theming.
Fifteen production-grade components with keyboard-first interaction patterns, controlled & uncontrolled APIs, and a single design-token stylesheet that powers light & dark themes.
Keyboard-first
Focus traps, roving tabindex, activedescendant listboxes, typeahead — every widget follows the ARIA authoring practices.
Token-powered themes
One tokens.css defines semantic CSS variables; dark mode is a data-theme attribute swap. Charts included.
Controlled or not
Every stateful component accepts value/onChange or defaultValue — the same contract everywhere.
Components
15 components · press ⌘K anywhere to search.
Overlays
Dialog
Modal window with backdrop, focus trap, initial focus, focus restoration, scroll lock and Escape/backdrop dismissal.
Drawer
Side panel (left/right/bottom sheet) built on the same modal machinery as Dialog — one focus implementation, two presentations.
Popover
Non-modal anchored panel.
Command menu
⌘K-style palette.
Inputs
Select
Single-select listbox following the ARIA 1.
Combobox
Editable input + filtered listbox.
Date picker
Text input plus grid calendar.
Form controls
Field family built on native elements wherever natives already do the right thing: real inputs keep label association, form submission and mobile keyboards; Switch adds the ARIA switch role where no native exists.
File uploader
Drag-and-drop zone plus hidden native input.