Documentation Getting started

Components Button TextField TextArea NumberField SearchField InputGroup PasswordField InputOTP FileUpload Checkbox CheckboxGroup RadioGroup Switch Slider Form Select Combobox TagField DatePicker DateRangePicker ColorPicker Dialog Drawer Popover Tooltip Menu Toast Tabs Breadcrumbs Pagination Link Table DataTable Badge Progress Spinner Skeleton Sparkline LineChart AreaChart BarChart DonutChart Card Empty CommandPalette Stepper

Themes Visual matrix Theme export Figma kit

Motion Theme Lab Theme Studio CLI CLI lint shadcn CLI MCP Roadmap

Appearance

Documentation

Browse components, then tune theme, glass, and motion.

stablefree

React Aria owns behavior. Hewn owns the API, themes, material, and motion.

GalleryBrowse components46 specimens across 09 categories. Open a control, then change theme from the sidebar.Open gallery

Continue

01Theme LabOne pack at a time — mode, glass, radius, motion
02Theme StudioAuthor accent + radius, export a drop-in CSS pack
03ThemesForest, Tide, Graphite, Dune, Clay, Ember
04MotionTokens, full / reduced / off, transform-only rules

6 packs · glass · motion · npm + registry

Canonical TypeScript source. Material and reduced motion are global — every specimen follows the active appearance.

Getting started

Install from npm, then wire providers and Tailwind CSS v4.