UI

Buttons with four visual styles, three sizes, a built-in loading state and a focus ring.

Button groups that fuse adjacent buttons into one piece, keeping only the outer corners and adding subtle dividers. Horizontal or vertical, attached or detached.

A checkbox that keeps the native input for keyboard and form behaviour while drawing its own checkmark.

A form field that wires label, control, description and error message together; validation stays external.

Text inputs with three sizes and an invalid state, forwarding everything else to the native input.

A number input with built-in stepper buttons, min / max / step and decimal precision handling, arrow-key stepping, and native form submission.

A radio group: same-name native radios provide arrow key cycling while RadioGroup owns the value.

A listbox-style select with arrow keys, Home / End and typeahead navigation; multiple switches to a tag-based multi-select.

A slider for single values or two-thumb ranges, with pointer dragging and arrow keys / Home / End / PageUp / PageDown, bounded by min / max / step.

A switch with controlled and uncontrolled modes, role="switch" semantics and Space / Enter toggling.

A multiline input sharing the Input sizes and invalid state, with an optional content-driven autosize.

Avatars that fall back to initials when the image fails, with shape, five sizes, presence and an overlapping AvatarGroup.

A card container with media, header, title, description, content and footer slots. Supports variants, sizes and an interactive state; compose or use slots standalone.

A data table driven by column definitions with sorting, global search, pagination and row selection, plus loading skeletons and an empty state. Every layer is controllable or uncontrolled.

A divider with horizontal/vertical orientations and solid / dashed / dotted / gradient styles. Horizontal dividers can carry a centred label with alignment and spacing controls.

Empty states with three theme-aware illustrations, an optional title, description and actions.

A list item with leading media, content and trailing actions. Stack them with Item.Group or drop them into a card to compose richer layouts.

Tags with five semantic colours and two sizes, for statuses, categories and counts.

An accordion that supports single or multiple expansion, optional per-item icons, controlled and uncontrolled modes, grid-based height animation and the WAI-ARIA accordion pattern.

Pagination with controlled and uncontrolled modes, automatic range collapsing, an optional page-size selector and jump input, and outline / filled looks.

A collapsible sidebar for app navigation with groups, nested items, active states and badges. When collapsed the labels are visually hidden but stay in the DOM for screen readers, with aria-current / aria-expanded semantics.

Tabs with controlled and uncontrolled modes, arrow-key navigation and the WAI-ARIA tabs pattern.

Inline alerts with four semantic colors, an optional title, icon and close button.

Progress bars in determinate and indeterminate modes, with four semantic colors and a standard role.

Loading placeholders in text, rect and circle shapes, with shimmer and pulse animations that adapt to light and dark themes.

Toasts driven by ToastProvider and useToast: a stacking portal, auto-dismiss, hover pause.

Context menus that open at the pointer, sharing the same menu logic and parts as DropdownMenu: checkbox, radio, groups, submenus and full keyboard navigation.

Modal dialogs with springy transitions that trap focus, lock scrolling, and restore focus on overlay click or Escape.

Dropdown menus with menu / menuitem semantics, arrow-key and Home / End navigation, typeahead and managed focus. Supports plain, checkbox, radio, grouped and nested items, plus icons and shortcut hints.

Click-triggered popovers with interactive content that position themselves and restore focus on close.

Tooltips that follow hover or focus, position themselves automatically and flip when space runs out.