Docs Components Blocks Themes

Getting Started

Introduction Installation Theming Usage Compatibility Build a chat UI for Agents

Components

AI

Aurora Chat Input Chat Bubble Streaming Text Reasoning Tool Call Sources Message Actions Plan Nudge Aura Tile Voice Orb Waveform Prompt Suggestions Thinking

Actions

Button Badge Button Group

Forms

Input Textarea Label Checkbox Radio Group Switch Slider Select Combobox Toggle Toggle Group Input OTP Input Group Field Native Select Calendar Range Calendar Date Picker Rating Tags Input

Surfaces

Card Alert Separator Avatar Scroll Area Aspect Ratio Table Empty Item Kbd Carousel Resizable Data Table Timeline

Overlays

Dialog Popover Tooltip Alert Dialog Sheet Drawer Hover Card

Menus

Dropdown Menu Context Menu Menubar Navigation Menu Command

Navigation

Tabs Accordion Collapsible Breadcrumb Pagination Sidebar Stepper Tree Dock

Feedback

Progress Skeleton Spinner Circular Gauge Toast Meter

Range Calendar

Forms

Pick a span of dates with a clean month grid.

Calendar Date Picker