Components
60 building blocks, ready to compose
Every component is server-rendered Rust with reactivity where it counts, themed by the same Tailwind tokens shadcn/ui uses. Pick one from the sidebar, or browse the whole catalog below — each page is the component's live demo and its test bench.
Forms & Input19
- ButtonDisplays a button or a component that looks like a button.
- InputA form input field for text and other values.
- TextareaA multi-line text input field.
- LabelAn accessible label paired with form controls.
- CheckboxA control that toggles between checked and unchecked.
- Radio GroupA set of options where only one can be selected.
- SelectA dropdown list of options to pick from.
- SwitchA toggle between on and off.
- SliderSelect a value or a range along a track.
- ToggleA two-state button that can be pressed or released.
- Toggle GroupA set of two-state buttons grouped together.
- Input OTPOne-time password input with segmented digits.
- FieldLabel, control, help and error wired together.
- Input GroupAn input with addons, buttons and text attached.
- Button GroupButtons joined into a single segmented control.
- ComboboxAn input with an autocomplete list of options.
- CalendarA month grid for browsing and picking dates.
- Date PickerA calendar in a popover bound to an input.
- QuestionnaireA multi-step form flow with progress and review.
Layout & Surfaces10
- CardA container with header, content and footer.
- SeparatorA visual divider between sections.
- Aspect RatioConstrains content to a fixed width-to-height ratio.
- Scroll AreaA scroll container with styled scrollbars.
- ResizablePanels resized by draggable handles.
- CollapsibleA region that expands and collapses.
- AccordionStacked sections that expand one at a time.
- TabsLayered panels of content shown one at a time.
- SidebarA composable, collapsible app navigation shell.
- ItemA flexible row for lists, menus and settings.
Overlays & Menus11
- DialogA modal window over the page.
- Alert DialogA modal that interrupts for confirmation.
- SheetA panel that slides in from the screen edge.
- DrawerA sliding drawer, tuned for touch.
- PopoverFloating content anchored to a trigger.
- Hover CardPreview content shown on hover.
- TooltipA short label shown on hover or focus.
- Dropdown MenuA menu of actions opened from a trigger.
- Context MenuA menu opened with a right click.
- MenubarA horizontal bar of application menus.
- CommandA command palette with fuzzy filtering.
Feedback & Status7
- AlertA callout for important information.
- BadgeA small status or label marker.
- ProgressA bar indicating completion of a task.
- SkeletonA placeholder shown while content loads.
- SpinnerAn animated loading indicator.
- ToastA brief notification that appears and dismisses.
- EmptyA friendly placeholder for empty states.
Data Display8
- AvatarAn image with a fallback for a user or entity.
- TableA styled HTML table for tabular data.
- Data TableTables with sorting, filtering and selection.
- PaginationNavigation between pages of content.
- BreadcrumbThe path to the current page as links.
- Navigation MenuA site navigation bar with dropdown panels.
- CarouselA slideshow of scrollable content.
- ChartComposable charts for visualizing data.