Get Started
Introduction
Components
Accordion
Badge
Button
Card
Checkbox
Command
Dialog
Dropdown Menu
Input
Select
Switch
Table
Tabs
Toast
Tooltip
Forms
Controlled Input
Field Arrays
Submit
Validation

Components

Browse all components. Pick one, copy the code, make it yours.

AllInputDisplayFeedbackNavigationLayout
A

Accordion

Vertically collapsing content sections

A

Alert

Callout for important content

A

Alert Dialog

Modal dialog for important confirmations

A

Aspect Ratio

Content within a desired ratio

A

Avatar

User profile image with fallback

DefaultSecondaryOutline

Badge

Small status indicator labels

B

Breadcrumb

Navigation hierarchy trail

Button

Clickable actions with multiple variants

C

Calendar

Date picker with month navigation

C

Card

Container for grouped content

C

Carousel

Motion and swipe content slider

Checkbox

Toggle selection control

C

Collapsible

Expandable content section

C

Command

Search and command menu

C

Combobox

Autocomplete input with dropdown

C

Context Menu

Right-click menu at cursor position

D

Data Table

Sortable, filterable data table

D

Date Picker

Date selection with calendar popup

D

Dialog

Modal overlay with custom content

D

Drawer

Slide-out panel from screen edge

D

Dropdown Menu

Action menu triggered by a button

H

Hover Card

Preview card on hover

Input

Text input field

I

Input OTP

One-time password input

Label

Accessible label for form controls

M

Menubar

Desktop application menu bar

N

Navigation Menu

Hover-activated navigation links

P

Pagination

Page navigation controls

P

Popover

Floating content anchored to a trigger

P

Portal

Renders content outside DOM hierarchy

Progress

Task completion indicator bar

R

Radio Group

Single-select option group

R

Resizable

Draggable resize panels

S

Scroll Area

Custom scrollbar container

S

Select

Dropdown selection control

Section A
Section B

Separator

Visual divider between content

S

Sidebar

Collapsible navigation panel

Skeleton

Placeholder loading indicator

S

Sheet

Side panel overlay

Slider

Range value selector

Spinner

Animated loading indicator

Switch

On/off toggle control

T

Table

Responsive data table

T

Tabs

Tabbed content navigation

Textarea

Multi-line text input

T

Toast

Temporary notification message

Toggle

Two-state pressed button

T

Toggle Group

Group of toggle buttons

T

Tooltip

Informational text on hover