Components
Element
Core visual building blocks for any interface. — 17 components
Alert
Contextual feedback messages for success, info, warning, and error states.
Avatar
User profile images in multiple sizes.
AvatarGroup
Stacked avatar groups with overflow indicator.
Badge
Inline status indicators with solid, outline, soft, and subtle styles.
Banner
Full-width notification banners for announcements.
Button
Solid, outline, soft, and ghost button variants in every semantic color.
Calendar
Date picker calendar with month navigation and date selection.
Card
Content containers with headers, bodies, and action footers.
Chip
Small indicator dots overlaid on avatars or icons.
Collapsible
Toggle content visibility with smooth expand and collapse.
FieldGroup
Group related form fields with shared styling.
Icon
Iconify icon rendering with dynamic name resolution.
Kbd
Keyboard shortcut indicators for key bindings.
Progress
Progress bars with semantic coloring for completion states.
ProgressGroup
Segmented progress bar that breaks a total into labeled parts.
Separator
Visual dividers between content sections.
Skeleton
Placeholder loading animations for content areas.
Form
Input controls and form management components. — 21 components
Checkbox
Single checkbox toggle with label.
CheckboxGroup
Multiple checkbox options in a group.
ColorPicker
Color selection with swatches and custom input.
FileUpload
Drag-and-drop or click-to-upload file input.
Form
Form wrapper with validation and submission handling.
FormField
Labeled field wrapper with validation, help text, and error display.
Input
Text input fields with icons, states, and validation.
InputDate
Date input with calendar picker integration.
InputMenu
Input with dropdown menu for suggestions or autocomplete.
InputNumber
Numeric input with increment and decrement controls.
InputRating
Star rating input with half steps, custom icons, and readonly mode.
InputTags
Tag input for entering multiple values as tokens.
InputTime
Time input with hour and minute selection.
Listbox
Always-visible option list with filtering and multiple selection.
PinInput
Segmented input for PIN codes and verification.
RadioGroup
Single-select radio options in a group.
Select
Dropdown select with single selection.
SelectMenu
Searchable select with multiple selection support.
Slider
Range slider for numeric value selection.
Switch
Toggle switch for boolean settings.
Textarea
Multi-line text input with auto-resize support.
Data
Components for displaying and organizing data. — 10 components
Accordion
Collapsible content sections for progressive disclosure.
Carousel
Horizontal content carousel with navigation controls.
Empty
Empty state placeholder with icon and message.
Marquee
Auto-scrolling horizontal content ticker.
ScrollArea
Custom scrollbar container with overflow management.
Splitter
Resizable panels separated by draggable handles.
Table
Data tables with column headers, sorting, and status badges.
Timeline
Chronological event display with icons and metadata.
Tree
Hierarchical tree view with expand and collapse.
User
User identity display with avatar, name, and description.
Chat
Building blocks for AI chat interfaces. — 3 components
ChatReasoning
Collapsible reasoning trace that opens while the model thinks.
ChatShimmer
Animated shimmer text for in-progress AI responses.
ChatTool
Tool call status with collapsible output and approval actions.
Overlay
Floating and layered interactive surfaces. — 8 components
ContextMenu
Right-click context menus with grouped actions.
Drawer
Bottom sheet drawer for mobile-friendly overlays.
DropdownMenu
Dropdown menus with grouped actions, icons, and shortcuts.
Modal
Dialog overlays for confirmations, forms, and content.
Popover
Floating content panels triggered by click or hover.
Slideover
Slide-in panel overlays from the screen edge.
Toast
Notification toasts for transient feedback messages.
Tooltip
Contextual hover hints for UI clarification.