Components
Atoms — the smallest building blocks. 35 components mirroring the live tate2301/huchu UI primitives, each documented end-to-end.
Action
The user reaches for these every minute.
Button
Primary, secondary, ghost, quiet, destructive, link.
Button group
Joined buttons — split button, toggle group.
Segmented control
Pill of 2–4 mutually-exclusive segments.
Chip & tag
Small clickable pill for filters and removable tags.
Command palette
⌘K launcher.
Dropdown menu
Floating list of actions anchored to a trigger.
Input
Text, choices, switches.
Input & field
Single-line text entry with label, helper, error.
Input group
Input with prefix, suffix, or inline action.
Input OTP
Six-digit code input. Auto-advance.
Select & combobox
Pick one from a list. Native + combobox.
Combobox
Searchable single- or multi-select.
Date picker
Single date or range. Anchored to an input.
Calendar
Read-only month / week / day grid.
Checkbox & radio
Toggle many or pick exactly one.
Switch & toggle
Binary preference; applies immediately.
Accordion
Disclosure rows that reveal more on click.
Identity & status
Small surfaces that tell the operator what state something is in.
Status indicator
Dot + label. Five canonical states.
Badge & pill
Inline non-clickable label.
Avatar
Initials in a circle. Workspaces rounded-square.
Tooltip
Hover-reveal label for icon-only triggers.
Hover card
Rich-content hover preview.
Kbd
A single keyboard key or combo.
Floating surfaces
Things that overlay the page.
Wait & progress
For things that take time.
Layout primitives
Composable rows and containers.
Item row
Generic vertical-rhythm row.
Mobile list
Thumb-optimised stacked list rows.
Mobile action bar
Bottom-anchored primary action bar.
Scroll container
Scrollable region with styled scrollbar.
Page section
Grouping container with title + sub.
Specialised
Composite primitives that live across the platform.