Home

Theme

Switch presets/modes and inspect semantic tokens.

Open Demo

Button

Test primitive behavior and owned component styles.

Open Demo

Copy

Copy payloads from direct text or DOM sources.

Open Demo

Code Block

Adapter-ready syntax highlighting.

Open Demo

Accordion

Expand/collapse panels.

Open Demo

Collapsible

Single disclosure panel.

Open Demo

Menu

Keyboard navigation for menuitem actions.

Open Demo

Dropdown Menu

Triggered menu panel.

Open Demo

Avatar

User identity display.

Open Demo

Card

Validate card primitives.

Open Demo

Tag

Compact status/count labels.

Open Demo

Badge

Notification indicator.

Open Demo

Separator

Horizontal and vertical dividers.

Open Demo

Empty

Empty-state layout.

Open Demo

Progress Bar

Linear progress indicators.

Open Demo

Progress Spinner

Circular loader.

Open Demo

Skeleton

Loading placeholder blocks.

Open Demo

Input

Input primitive and wrapper.

Open Demo

Label

Accessible form labels.

Open Demo

Input OTP

Segmented OTP entry.

Open Demo

Radio

Grouped single-select behavior.

Open Demo

Checkbox

Checked/unchecked/mixed tri-state.

Open Demo

Textarea

Multiline text input.

Open Demo

Icon

Icon library with Lucide integration.

Open Demo

Charts

Country metrics with bar/line chart.

Open Demo

ListBox

CDK keyboard and multi-select.

Open Demo

Dialog

Backdrop, focus-trap.

Open Demo

Popover

Trigger semantics and dismissal.

Open Demo

Tooltip

Hover/focus helper text.

Open Demo

Toast

Notification system.

Open Demo

Context Menu

Context-triggered actions.

Open Demo

Menubar

Horizontal menu surface.

Open Demo

Navigation Menu

Structured navigation list.

Open Demo

Breadcrumb

Hierarchical navigation trail.

Open Demo

Toolbar

Action controls grouping.

Open Demo

Tabs

Tabbed container surface.

Open Demo

Stepper

Multi-step flow surface.

Open Demo

Toggle Group

Grouped toggle controls.

Open Demo

Button Toggle

Toggleable button options.

Open Demo

Switch

Two-state on/off control.

Open Demo

Toggle

Icon-style pressed button.

Open Demo

Slider

Range-based input.

Open Demo

Chips

Compact item set.

Open Demo

Combobox

Text input with options popup.

Open Demo

Select

Single-choice dropdown.

Open Demo

Autocomplete

Dynamic suggestion list.

Open Demo

Multi Autocomplete

Chips input with multi-select suggestions.

Open Demo

Multiselect

Multiple-choice listbox.

Open Demo

Grid

Keyboard-navigable grid.

Open Demo

Tree

Hierarchical expandable list.

Open Demo

Drawer

Slide-in overlay panel.

Open Demo

Bottom Sheet

Partial-height overlay sheet.

Open Demo