Components
24 accessible, Radix-based building blocks. Pick one for docs, examples, and install instructions.
Alert
Callouts for messages that need attention, with severity-aware ARIA roles.
Avatar
An image element with a graceful text fallback.
Badge
Small labels for status, counts, and metadata.
Button
A clickable button with variants and sizes.
Calendar
A month-grid date picker for single, multiple, or range selection.
Card
A bordered container with header, content, and footer slots.
Date Field
A typeable date input that parses many formats, paired with a calendar popover.
Checkbox
A control that toggles between checked and unchecked.
Collapsible
Toggle the visibility of a section.
Dialog
A modal window overlaid on the page, with focus trapping.
Dropdown Menu
A menu of actions or links triggered by a button.
Input
A styled text form field.
Kbd
A keyboard key hint, e.g. for shortcuts.
Label
An accessible label for a form control.
Popover
Rich floating content anchored to a trigger.
Select
Choose a single option from a list.
Separator
A visual or semantic divider between content.
Sheet
A panel that slides in from the edge of the screen.
Sidebar
Composable primitives for an application navigation sidebar.
Skeleton
A placeholder shown while content is loading.
Switch
A toggle between an on and off state.
Tabs
Switch between related views.
Textarea
A multi-line text input.
Tooltip
A hint shown on hover or focus.