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.

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.

Sortable, filterable data table with column definitions.

Stats grid, progress bar, and badge display components.

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.

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.

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).

PWA install banner with install and dismiss actions.

Watermark overlay and copy/right-click protection.

iPhone, iPad, and device mockup frames for screenshots.