Getting Started

8

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

Actions

8

• Button
• Action button
• Split button
• Button group
• Expanding button group
• Confirm morph
• Dropdown
• Context Menu

Forms

13

• Field
• Label
• Description
• Fieldset
• Form
• Input
• Textarea
• Number field
• Checkbox
• Radio
• Switch
• Select
• OTP

Pickers

13

• Calendar
• Date Picker
• Time dial
• Date reel
• Color Picker
• Emoji Picker
• Phone Input
• Autocomplete
• Tags Input
• Mention input
• Signature pad
• Dropzone
• Rich Editor

Overlays

4

• Dialog
• Modal
• Sideover
• Popover

Feedback

7

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

Navigation

4

• Link
• Navlist
• Tabs
• Accordion

Layout

8

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

Display

8

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

Data

15

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

AI

7

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

Utilities

4

• Theme Switcher
• Command Palette
• Spotlight
• Wizard