Button
Server-safeTriggers an action or submits a form.
Components
Accessible, server-first primitives you install as source. Each one ships with a live preview, its full source, an install command, and its dependencies.
24 components
Actions
2 in this categoryButtons and icon-only triggers that start an action or submit a form.
IconButton
Server-safeA square, icon-only action that requires an accessible name.
Forms
8 in this categoryInputs, controls, and layout wrappers for accessible data entry.
Input
Server-safeA single-line text field.
Label
Server-safeAn accessible caption for a form control.
Account notifications only.
Lowercase letters and dashes only.
Field
Server-safeLayout wrapper that groups a label, control, description, and error text.
Textarea
Server-safeA multi-line text field.
Checkbox
Client leafA control that toggles a boolean or shows an indeterminate state.
RadioGroup
Client leafA set of mutually exclusive options.
Switch
Client leafAn instant on/off toggle for a single setting.
Select
Client leafA single-choice control backed by a listbox.
Overlays
4 in this categoryDialogs, popovers, and tooltips layered above the page.
Dialog
Client leafA modal overlay for focused tasks.
AlertDialog
Client leafA modal that interrupts to confirm a consequential action.
Popover
Client leafA non-modal floating panel anchored to a trigger.
Tooltip
Client leafA brief, supplementary label revealed on hover or focus.
Data display
3 in this categorySurfaces and labels that structure and annotate content.
Feedback
4 in this categoryAlerts, loading affordances, and transient notifications.
Skeleton
Server-safeA placeholder shown while content loads.
LoadingLoadingLoading
Spinner
Server-safeAn indeterminate loading indicator.
Heads up
Obsidian and Graphite themes are available — try the switch in the header.
Payment failed
Update your card details and retry the charge.
Alert
Server-safeA prominent, inline message.
Toast
Client leafA transient, non-blocking notification with an imperative API.