Components

A native button with solid, outline, soft, ghost, link and destructive variants.

A small status/label pill with solid, soft, outline, neutral and semantic variants.

Renders text with a Tailwind gradient clipped to the glyphs.

A thin wrapper with a curated name registry and size scale over built-in SVG icons.

Professional loading indicators for inline, dashboard, and progress states.

Navigation trail showing the current page location within a hierarchy.

A pulse placeholder for loading content regions.

A circular user image with initials fallback derived from `name`.

A determinate progress bar built on the built-in Progress primitive.

A responsive CSS grid layout primitive with a companion GridItem.

A segmented button field with single or multi-select and merged borders.

A labeled text field with icons, clear button, and validation message.

A labeled multiline text field with validation message support.

A standalone labeled checkbox field built on the built-in Checkbox primitive.

A multi-select checkbox field with an options array.

A standalone labeled switch field built on the built-in Switch primitive.

A multi-toggle switch field with an options array.

A labeled radio option — compose inside RadioGroup.

A single-select radio field with an options array.

A combobox-style select with filtering, multi-select, and Select All.

A popover date picker supporting single dates and ranges, built on the built-in Calendar primitive.

A card-style vertically stacked set of collapsible sections with an items-based API.

An inline banner plus a dismissible, auto-closing toast stack.

A card container with a data-driven header, metadata details, actions, content and footer.

A responsive, dependency-free SVG chart with Chart.js-inspired data and options.

A data-driven tab list with scroll overflow, height transitions, and multiple visual variants.

Accessible page navigation with a high-level API and compound building blocks.

A floating content panel with a high-level API and compound building blocks.

An accessible hover/focus tooltip with placement control, built on the built-in Tooltip primitive.

A controlled dialog with built-in Panel header, animation lifecycle, and focus management.

A click-triggered action menu anchored to any trigger, distinct from the form Select Dropdown.

A vertical navigation menu with expandable sections, badges, icons and child rows.