Components

Clickable button with 6 variants, 5 sizes, loading and disabled states.

Text input with size variants, validation states, and multiple input types.

Multi-line text input with size variants, placeholder, and disabled states.

Dropdown select with compound component pattern and keyboard navigation.

Checkbox with checked, unchecked, and indeterminate states.

Toggle switch with three sizes and disabled state.

One-time password input with auto-advance and paste support.

Status badge with 7 variants including semantic success, warning, and destructive.

Placeholder loading elements with rectangle, circle, and text shapes.

Circular avatar with image support and fallback initials in 5 sizes.

Month-view calendar with date selection and navigation.

Hover-triggered tooltip with configurable delay and placement.

Popup content panel with trigger, controlled/uncontrolled modes.

Toggle content visibility with compound trigger and content.

Modal dialog with compound components: trigger, overlay, content, header, footer.

Dropdown menu with items, separators, labels, and keyboard navigation.

Searchable command palette with groups and keyboard navigation.

Notification toasts with auto-dismiss, hover pause, and 4 variants.

Tabbed interface with keyboard navigation and ARIA support.

IDE-style horizontal file/tab navigation bar.

Container with header, content, and footer compound components.

Sticky header with navigation links, logo, and action slots.

Vertical navigation panel with sections, items, and collapsed mode.

Breadcrumb trail auto-generated from pathname or manual items.

Site footer with link columns, copyright, and social links.

Mobile tab bar fixed to the bottom of the viewport.

Section header with title, subtitle, and action buttons.

Sequential guide list with status indicators.

Descriptive card highlighting target audiences.

Horizontal bottom bar displaying status information.

Sortable, filterable data table with column definitions.

Stats grid, progress bar, and badge display components.

Grid display for key metrics, growth rates, and trends.

Progress bar indicating skill or completeness levels.

Visual representation of unit test suite executions.

Circular dial gauge for displaying percentage values.

Vertical sequence flow displaying chronological events.

Search input with debounced search and suggestions dropdown.

Dropdown language selector with single and multi-select.

Version dropdown with "Latest" badge indicator.

Feedback form dialog with trigger button and submit callback.

Inline view/edit toggle for editing text content in place.

Time/date slot selection grid.

Visual rating input with customizable range.

Multi-step form wizard with progress indicators.

To-do list with interactive check states.

Video player with custom controls, progress, and fullscreen.

Renders markdown content as styled HTML with prose typography.

Code editor with syntax highlighting and editing support.

Slide presentation viewer with navigation and progress.

Word carousel and typewriter text animation components.

Auto-scrolling banner for brand logos or notices.

Call participant video tile with status overlays.

Grid container for multiple video tiles.

Actions bar for managing audio, video, and screenshare.

Real-time speech-to-text subtitle overlay.

Full conversation transcription list with search.

Voice chat channel grid with speaker focus states.

Floating emoji reaction overlays.

Device setup and test screen before joining calls.

Floating speaker indicator with intensity-driven pulse and mute control.

Canvas audio visualization for live analysers, samples, or intensity streams.

Date picker with calendar dropdown and time selection.

Emoji picker with categories, search, and click-to-select.

Drag and drop file upload zone with file list and validation.

Overlapping avatar stack with overflow badge.

Colored status dots: online, away, busy, offline.

Emoji reaction pills with counts and toggle state.

System status dots with labels and optional pulse animation.

Keyboard shortcut badge display and key listener.

Rich text editor (coming soon).

Drag-and-drop sortable list of items.

Board with columns for task status management.

Mock interactive command line terminal.

Zoomable, pannable layout for diagramming.

Interactive canvas sticky note with customizable colors.

Interactive node-based flowchart editor.

Interactive visualization of relational graphs.

Real-time collaborative cursor indicator overlays.

Overview map overlay for infinite canvas navigation.

Headless Faro-backed telemetry: createTelemetry, child loggers, async spans, React provider/hooks.

PWA install banner with install and dismiss actions.

Watermark overlay and copy/right-click protection.

iPhone, iPad, and device mockup frames for screenshots.

Feature lists and tier details for subscriptions.

Interactive network node displaying brand metrics.

Mock browser shell for displaying web previews.