Components

Pill button with soft variants.

Grouped buttons sharing size/variant.

Icon close button for overlays.

Pressable toggle button.

Group of mutually exclusive toggles.

Soft shadowed text input.

Multi-line text input.

Labeled field with description and error.

Search input with clear action.

Numeric stepper field.

Input with prefix/suffix addons.

One-time password input.

Accessible checkbox.

Group of checkboxes.

Radio control.

Group of radios.

Toggle switch.

Stacked switches.

Range slider.

Form label.

Helper description text.

Field validation error.

Alias for field error.

Fieldset with legend.

Accessible form root.

Select menu.

Filterable combo box.

Autocomplete input.

Standalone list box.

Selectable / dismissible tag.

Group of tags.

Centered modal dialog.

Confirmation dialog.

Bottom drawer / sheet.

Floating popover.

Contextual tooltip.

Toast notifications.

Dropdown menu primitives.

Dropdown menu aliases.

Expandable accordion.

Single disclosure / collapsible.

Grouped disclosures.

Pill segmented tabs.

Breadcrumb navigation.

Pagination controls.

Styled link.

Surface card with header/body/footer.

Elevated surface container.

Visual separator.

Toolbar container.

Page header layout.

Empty state placeholder.

Scroll edge fade shadows.

User avatar.

Status badge.

Dismissible chip.

Inline alert.

Data table primitives.

Linear progress.

Circular progress.

Meter gauge.

Loading spinner.

Loading skeleton.

Keyboard key.

Typography helpers.

Month calendar.

Date range calendar.

Simplified date field.

Simplified time field.

Popover date picker.

Popover range picker.

Year grid picker.

2D color area.

Color channel slider.

Color swatch.

Swatch selection grid.

Color text field.

Composed color picker.

Hex / channel inputs.

Conversation viewport that follows streams and holds your place.

Message row with avatar, alignment, header, and footer.

Conversational surface with variants, grouping, and reactions.

File and image attachment with upload state and actions.

Status notes, date separators, and system rows.

Auto-growing composer with tools, model picker, and send/stop.

Multi-step questions with single, multiple, and freeform answers.

Assistant answer with completion actions and sources.

Inline citation markers and a collapsible source list.

Generated image surface from queued work to a finished result.

Shimmer, cycling phrases, progress, and pixel-grid waits.

Collapsible agent task plan with live status marks.

Expandable reasoning, search, code, and tool traces.

Compact chips for tool calls and their status.

Collapsible execution output for tools and terminal work.

Allow once, remember, or deny a paused tool call.

Human-in-the-loop decision surface for reviews and questions.

Shiki-highlighted code surface with line numbers and copy.

Shiki-highlighted added and removed lines with live change counts.

Agent suggestion with a confidence meter and actions.

Retrieved knowledge chunks with their sources.