UI Lab

    Explore different variants and configurations of the component.

    Library Registry

    33 components, each with a dedicated page showing every variant and state, plus the command to install it.

    Accordion

    Vertically stacked, collapsible sections for progressive disclosure.

    Alert

    Inline callouts for status, warnings, and errors.

    Alert Dialog

    Modal confirmation that interrupts and requires a decision.

    Async Fields

    Form inputs that load their options from an API.

    Badge

    Compact labels for status, counts, and categories.

    Breadcrumb

    Hierarchical trail showing where the user is.

    Button

    Every variant, size, and state, including loading and icon-only.

    Card

    Surface container with header, content, and footer slots.

    Carousel

    Swipeable slides with autoplay and fade options.

    Checkbox

    Single and grouped checkboxes with indeterminate state.

    Collapsible

    Show and hide a region with animated height.

    Combobox

    Searchable select with filtering and multi-select.

    Command

    Command palette with keyboard-driven search and groups.

    Composite Input

    Inputs combined with prefixes, suffixes, and addons.

    Dialog

    Accessible modal with focus trapping and scroll lock.

    Dropdown

    Menus with items, sub-menus, checkboxes, and radio groups.

    Form

    Field, label, description, and error primitives for any stack.

    Infinite Fields

    Paginated fields that fetch more options as you scroll.

    Input

    Text, number, password, and file inputs with states.

    Menubar

    Desktop-style horizontal menu bar with nested menus.

    Navigation Menu

    Site navigation with rich dropdown panels.

    Popover

    Floating panel anchored to a trigger.

    Progress

    Linear and circular progress, determinate or not.

    Radio Group

    Mutually exclusive options as classic radios or cards.

    Scroll Area

    Styled, cross-browser consistent scroll containers.

    Select

    Native-feeling select with groups and custom items.

    Separator

    Horizontal and vertical dividers, with optional labels.

    Sheet

    Drawer that slides in from any edge.

    Slider

    Single value and range sliders with steps and marks.

    Switch

    Instant on/off toggle for settings.

    Tabs

    Tabbed panels with underline, pill, and boxed styles.

    Toggle

    Two-state buttons and toggle groups for toolbars.

    Tooltip

    Hover and focus hints with arrows and placement control.