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

Components

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

AllInputDisplayFeedbackNavigationLayout

Accordion

Vertically collapsing content sections

Alert

Callout for important content

Alert Dialog

Modal dialog for important confirmations

16 : 9

Aspect Ratio

Content within a desired ratio

CN
JD
AB

Avatar

User profile image with fallback

DefaultSecondaryOutline

Badge

Small status indicator labels

Breadcrumb

Navigation hierarchy trail

Button

Clickable actions with multiple variants

May 2026
SuMoTuWeThFrSa

Calendar

Date picker with month navigation

Card Title

Description

Card

Container for grouped content

Slide 1

Carousel

Motion and swipe content slider

Checkbox

Toggle selection control

Collapsible

Expandable content section

Command

Search and command menu

Combobox

Autocomplete input with dropdown

Right-click here

Context Menu

Right-click menu at cursor position

Data Table

Sortable, filterable data table

May 2026
SuMoTuWeThFrSa

Date Picker

Date selection with calendar popup

Dialog

Modal overlay with custom content

Drawer

Slide-out panel from screen edge

Dropdown Menu

Action menu triggered by a button

@nextjs

Hover Card

Preview card on hover

Input

Text input field

Input OTP

One-time password input

Label

Accessible label for form controls

Menubar

Desktop application menu bar

Navigation Menu

Hover-activated navigation links

Pagination

Page navigation controls

Popover

Floating content anchored to a trigger

P

Portal

Renders content outside DOM hierarchy

Progress

Task completion indicator bar

Radio Group

Single-select option group

A
B

Resizable

Draggable resize panels

Item 1
Item 2
Item 3
Item 4
Item 5

Scroll Area

Custom scrollbar container

Select

Dropdown selection control

Section A
Section B

Separator

Visual divider between content

S

Sidebar

Collapsible navigation panel

Skeleton

Placeholder loading indicator

Sheet

Side panel overlay

Slider

Range value selector

Spinner

Animated loading indicator

Switch

On/off toggle control

NameAmount
Alpha$250

Table

Responsive data table

Tabs

Tabbed content navigation

Textarea

Multi-line text input

T

Toast

Temporary notification message

Toggle

Two-state pressed button

Toggle Group

Group of toggle buttons

Tooltip

Informational text on hover