Components
Familiar building blocks. Thoughtful details. Explore 50 original components and see how they work together.
Button variants, sizes, icons, and states.
Try a complete workspace settings form.
All components
Accordion
Stacked disclosure headings with single or multiple expanded panels.
Alert
Readable inline feedback, with urgency chosen by the application.
Alert Dialog
An important confirmation that waits for an explicit response.
AppShell
A responsive frame for navigation, workspace context, and your primary task.
Aspect Ratio
Reserve predictable media geometry without prescribing its content.
Avatar
A compact identity tile with a stable fallback while an image loads or fails.
Badge
A compact label for status and classification. Color reinforces the meaning.
Breadcrumb
A semantic trail of links to the current location.
Button
A clear action, with the right emphasis. Native behavior in every state.
Button Group
Related buttons share a boundary while keeping their native behavior.
Calendar
A keyboard-navigable Gregorian month grid with date-only values.
Card
A quiet boundary for related content, with consistent spacing.
Checkbox
An independent native choice, including a mixed selection state.
Collapsible
Show or hide one supporting section with a linked native button.
Combobox
Search named options without confusing typed text with a committed choice.
Command
Search and run local actions, inline or inside an explicit dialog.
Context Menu
Contextual actions at a pointer location, with a complete keyboard alternative.
Date Picker
Choose a single date in context, with native form validation and reset.
Dialog
A focused task in a native modal, with the page behind it kept inert.
Drawer
A content-sized bottom task panel, centered on wide screens and bounded to the viewport.
Dropdown Menu
A compact action list with nested choices, checkboxes, and radio preferences.
Empty
An empty state with a specific reason and a useful recovery action.
Field
Compose one control with its label, help, validation, and required state.
Hover Card
Supplementary context beside a real link, available through hover, focus or an explicit preview.
Input
A composable native input with shared sizes and field associations.
Input Group
Combine one input with a prefix, suffix, or adjacent action.
Kbd
Describe keyboard input using native keyboard markup.
Label
A visible, clickable name for a native form control.
Menubar
Compact application commands with scoped menu keyboard navigation.
Native Select
A styled browser select, with familiar keyboard and mobile behavior.
Navigation Menu
Responsive disclosure navigation with ordinary links and familiar Tab order.
Pagination
Composable links or native buttons for moving between pages.
Popover
A small, nonmodal task panel anchored to its trigger.
Progress
A native progress indicator for measured or unknown completion.
Radio Group
One choice from a named set, using native radios and a fieldset.
Select
A single-choice listbox with keyboard exploration and native form submission.
Separator
Give adjacent groups a little distance and a clear boundary.
Sheet
A modal workspace attached to a viewport edge, with persistent task actions.
Skeleton
A measured placeholder that preserves layout while content loads.
Spinner
A compact loading indicator, decorative unless it has a label.
Switch
A binary setting with native checkbox behavior and switch semantics.
Table
Semantic structure for rows and columns. Your application owns the data behavior.
Tabs
Layered content with explicit selection, roving focus, and native buttons.
Textarea
A resizable native text area for longer answers.
TextField
A complete text input. Label, hint, validation, and a comfortable focus state.
Toast
Brief feedback with deliberate timing, accessible announcements, and recoverable actions.
Toggle
A stable button that expresses an on/off choice with aria-pressed.
Toggle Group
Related pressed buttons, with independent or exclusive selection.
Tooltip
Short supplemental text on pointer hover or keyboard focus.
Typography
A CSS recipe for semantic text, with a constrained reading measure.