Docs Components Blocks Pages Emails

Sections

Introduction Components Installation MCP Theming Design Composing a Detail Panel

Components

General

Avatar Badge Button Kbd Progress Separator Skeleton Spin Resolve Spinner Split Button Sync Button Typography

Forms & Inputs

Address Lookup Calendar Picker Checkbox Color Picker Combobox Date Picker Emoji Picker Favicon Search Field Input Input Group Input OTP Radio Group Select Slider Switch Textarea Toggle Toggle Group

Data Display

Accordion Alert Card Chart Comparison Slider Credit Card Data Table Empty Item Markdown Saturation Credit Card Status Badge Table Tree

Detail Panels

Detail Field Detail Hero Detail Toolbar

Navigation

Breadcrumb Command Menubar Navigation Menu Pagination Tabs

Overlays

Collapsible Context Menu Dialog Dropdown Menu Hover Card Sheet

Layout

Button Group Font Provider Wizard Split Layout

Feedback

Animation & Effects

Animated Group Animated List Animated Number Beam Blur Fade Border Trail Glow Effect Liquid Metal Loading State Parallax Pixel Progressive Blur Ripple Spotlight Text Effect Text Shimmer

Productivity

Agent Chat AI Chat Input Coding Agent Filters Full Calendar Kanban Novel Editor

Period Comparison

Compare metrics across time periods

Period comparison will be displayed here