Primitives Button Trigger an action or event. Six variants, four sizes, with loading and icon support.
Primitives Badge A small status descriptor with subtle, accent, and solid styles.
Primitives Switch An accessible on/off toggle for settings and preferences.
Primitives Checkbox A control for binary or indeterminate selection.
Forms Input & Field A text input, plus a Field wrapper that adds a label, hint, and error message.
Forms Select A custom listbox with full keyboard navigation and typeahead.
Forms Combobox A filterable select — type to narrow the options.
Forms Slider A draggable range input with full keyboard support.
Forms Input OTP A segmented one-time-code input with auto-advance, backspace, and paste.
Overlays Dialog A modal dialog with focus trap, scroll lock, and animated enter/exit.
Overlays Tooltip A positioned label shown on hover or focus.
Overlays Dropdown Menu A menu of actions with keyboard navigation, anchored to a trigger.
Navigation Tabs Switch between views with arrow-key navigation.
Navigation Accordion A vertically stacked set of disclosure sections.
Data Data Table A typed table with sortable columns, row selection, and pagination.
Primitives Card A surface for grouping content, with header / body / footer slots.
Primitives Textarea A multi-line text input with the same focus and invalid styling as Input.
Primitives Label An accessible form label with an optional required marker.
Primitives Avatar A user image with an automatic initials fallback. Three sizes.
Primitives Radio Group A single-choice control with roving arrow-key navigation.
Primitives Toggle A two-state pressable button, plus a single-/multi-select Toggle Group.
Primitives Alert An inline message with neutral, accent, success, warning, and danger variants.
Primitives Skeleton Animated placeholders for loading states (text, circle, rect).
Primitives Spinner A simple loading indicator that inherits the current text color.
Primitives Separator A horizontal or vertical divider line.
Primitives Kbd Styled keyboard keys for shortcuts.
Primitives Visually Hidden Hides content visually while keeping it available to screen readers.
Forms Progress A determinate or indeterminate progress bar.
Forms Calendar A keyboard-navigable month grid (arrows, PageUp/Down, Home/End).
Forms Date Picker A calendar in a popover, anchored to a trigger button.
Forms File Upload Drag-and-drop or click to browse, with a removable file list.
Overlays Alert Dialog A modal confirmation that requires an explicit action (no overlay dismiss).
Overlays Drawer A panel that slides in from any edge — built on the same focus trap as Dialog.
Overlays Popover Floating content anchored to a trigger, dismissed on outside-press / Escape.
Overlays Hover Card A rich card revealed on hover/focus, with open/close delays.
Overlays Context Menu A right-click menu positioned at the cursor.
Overlays Toast Imperative notifications via a provider + the useToast() hook.
Overlays Command A filterable command list (⌘K) with keyboard navigation; pair with Dialog.
Navigation Collapsible A single disclosure region toggled by a trigger.
Navigation Breadcrumb A navigation trail with the current page marked.
Navigation Pagination Page controls with prev/next and an ellipsis range.
Navigation Navigation Menu A top-level nav with hover-opened, positioned panels.
Navigation Sidebar App-shell navigation: header, grouped menu items, and footer.
Navigation Stepper A multi-step progress indicator (horizontal or vertical).
Data Table Composable table primitives with an optional sortable header.
Data Tree A collapsible tree view with keyboard navigation and selection.
Data Stat A metric card with a value and an optional trend indicator.
Data List A bordered list with optional start/end content and interactive rows.
Data Empty State A friendly placeholder for empty collections, with an optional action.
Layout Stack A flexbox layout helper for row/column arrangements with a gap.
Layout Grid A CSS grid helper — pass a column count or a template string.
Layout Container A centered, max-width content wrapper with horizontal padding.
Layout Scroll Area A scroll container with subtle, styled scrollbars.
Layout Aspect Ratio Constrains content to a fixed width/height ratio.
Layout Resizable Drag (or arrow-key) resizable split panels, horizontal or vertical.
Navigation Menubar A desktop-style menu bar — arrow between menus, hover to switch when one is open.
Data Data Grid A virtualized grid — only on-screen rows render, so it stays smooth with thousands of rows. Sticky header, sortable columns.
Layout Center Centers its children on both axes.
Layout Spacer Pushes siblings apart (grows to fill) or adds a fixed gap.