Components

Primary action button with variant and size props. Token-driven styling via CSS ...

Styled checkbox with custom checkmark SVG, indeterminate state with minus icon, ...

Calendar-based date picker with month navigation, today highlight, selected stat...

Drag-and-drop file upload zone with click-to-browse, file list display, progress...

Text input with label, helper text, error state with role=alert, focus ring, dis...

Numeric stepper with increment/decrement buttons, native number input, min/max c...

Radio button group with native fieldset/legend, visually hidden native inputs, c...

Search input with magnifying glass icon, clear button, focus ring, role=search l...

Native select input with label, helper text, error state with role=alert, custom...

Range slider with custom-styled track, fill progress indicator, circular thumb, ...

Toggle switch with pill track, sliding thumb, label, disabled state, keyboard su...

Multi-line text input with label, helper text, error state with role=alert, focu...

Click-to-edit inline text field with view/edit modes, Enter to confirm, Escape t...

Multi-step form wizard with numbered step progress indicator, back/next navigati...

Collapsible content sections with single or multi-expand modes, animated chevron...

User avatar with initials fallback, five size variants (xs–xl), online/offline/b...

Compact inline label for status indicators, counts, categories, and removable ta...

Content container with optional title header. Token-driven background, border-ra...

Content carousel with slide navigation via arrows and dot indicators. CSS transl...

Code display block with line numbers, language header, copy-to-clipboard button,...

Color palette swatch grid with selection state, optional labels and hex values, ...

Countdown timer displaying days, hours, minutes, seconds with optional labels. T...

Key-value pair list using semantic dl/dt/dd elements with optional dividers and ...

Column-based kanban board with card counts, card titles/descriptions/tags, click...

Visual meter bar with range-based color coding (low/medium/high/overflow). Token...

Linear progress bar with single/segmented modes, status colors, size variants, s...

SVG radar/spider chart with configurable dimensions (3-8 axes), concentric grid,...

Star rating component with interactive selection, hover preview, numeric value d...

Circular SVG gauge with score value, label, and optional trend indicator. Three ...

KPI stat card with label, large value, trend direction indicator, and optional i...

Inline status indicator with colored dot, label, and optional pulse animation. F...

Data table with typed column definitions, row hover, optional striped rows, capt...

Inline label for categorization, status, and metadata. 4 color variants (default...

Vertical chronological feed of events (commits, deploys, approvals, publishes, p...

Collapsible hierarchical tree with expand/collapse chevrons, selection state, de...

Dismissible notification banner with success/warning/error/info variants. Token-...

Announcement/notification banner with variant-based styling, optional icon, and ...

Empty state placeholder with icon, title, description, and action slot. Dashed b...

Loading placeholder with shimmer pulse animation. Three variants (text/circle/re...

Animated loading spinner with SVG arc rotation, 3 sizes (sm/md/lg), optional lab...

Temporary notification toast/snackbar with variant icons (success/warning/error/...

Navigation breadcrumb trail with home icon, chevron separators, path truncation ...

Page navigation with numbered buttons, prev/next arrows, ellipsis for long range...

Vertical navigation sidebar with sectioned links, active state (aria-current=pag...

Multi-step progress indicator with numbered circles, connector lines, completed ...

Client-side tabbed interface with ARIA roles. Manages active tab state internall...

Horizontal toolbar with icon buttons, active/pressed toggle state, divider separ...

Command palette overlay with search input, filtered results, keyboard shortcut b...

Sliding panel overlay from left or right edge with backdrop, title, close button...

Custom dropdown select with trigger button, floating menu, keyboard navigation (...

Accessible modal dialog with overlay backdrop, escape key close, body scroll loc...

Floating content panel with click trigger, outside-click dismiss, Escape key clo...

Accessible tooltip overlay with placement variants (top, bottom, left, right), a...

Compact pill-shaped element for tags, filters, and selections. Supports selected...

Visual separator supporting horizontal/vertical orientation, default/accent colo...

Segmented button group for single or multi-select toggling. Token-driven colors,...

Floating AI assistant indicator with pulsing avatar, glassmorphic chat bubble, t...

Click-to-copy button with clipboard API integration and visual success feedback....

Real-time biometric readout panel with metric cards in responsive grid. Each car...

Author profile card with avatar, bio, article count badge, and social links. Ver...

Accessible comparison table with yes/no/partial support icons, column highlighti...

Grid of metric cards with trend indicators (up/down/flat) and status colors (goo...

Multi-tier pricing comparison with featured tier highlighting. Token-driven card...

Grid of customer testimonials with avatar, quote, star rating, and role. Token-d...

Biometric wellness dashboard grid with hero composite score, category cards with...