Getting Started

7

• Introduction
• Installation
• Usage
• Theming
• Dark Mode
• Layouts
• MCP

Forms

21

• Field
• Label
• Description
• Fieldset
• Form
• Input
• Textarea
• Checkbox
• Radio
• Switch
• OTP
• Select
• Autocomplete
• Phone Input
• Calendar
• Date Picker
• Color Picker
• Emoji Picker
• Tags Input
• Dropzone
• Rich Editor

Layout

8

• Box
• Card
• Container
• Grid
• Stack
• Divider
• Separator
• Spacer

Navigation

4

• Link
• Navlist
• Tabs
• Accordion

Feedback

7

• Alert
• Callout
• Empty State
• Toast
• Spinner
• Preloader
• Progress

Overlays

4

• Dialog
• Modal
• Sideover
• Popover

Display

8

• Text
• Heading
• Brand
• Badge
• Avatar
• Icon
• Icon Stack
• Skeleton

Data

13

• Table
• Filters
• Rule Builder
• Chart
• Sparkline
• Bars
• Contribution Graph
• Tree View
• Flow
• Kanban
• Event Calendar
• File Manager
• Image Gallery

Actions

5

• Button
• Dropdown
• Context Menu
• Command Palette
• Spotlight

AI

7

• Thinking State
• Orb
• Web Search
• File Diff
• Image Generation
• To-do List
• Composer

Utilities

2

• Theme Switcher
• Wizard