Components

Eight variants, seven sizes, a width-stable loading state and `buttonVariants()` for links that should look like buttons.

Status pills with semantic colours, an optional status dot and a pulsing live indicator.

Key caps for shortcuts and keyboard hints.

Horizontal and vertical rules, with an optional centred label for “or continue with”.

Ring, dots and petal loaders that inherit `currentColor` and announce themselves to screen readers.

Text input with prefix/suffix adornments, a clear button, password reveal and automatic Field wiring.

Auto-growing textarea (CSS `field-sizing`) with min/max rows and a live character counter.

Label, description and error around any control — ids, aria-describedby and aria-invalid are wired for you.

Custom listbox with groups, descriptions, icons, typeahead and full keyboard support — positioned with collision flipping.

Toggle with a springy thumb, three sizes and optional on/off glyphs inside the thumb.

Pointer-captured slider with step snapping, marks, a value bubble and complete keyboard support.

Tabs with a gliding indicator in three styles, roving focus and proper tab/tabpanel semantics.

⌘K command palette with fuzzy ranking, match highlighting, groups, shortcuts and a `useHotkey` helper.

Modal on the native <dialog> element — real inertness, focus trap and Esc for free, animated with @starting-style.

Edge drawer (right, left, top, bottom) sharing the Dialog engine — bottom sheets get a grab handle.

Hover/focus tooltip with collision flipping and a shared warm-up — neighbours open instantly once one has shown.

Image avatar with graceful initials fallback (stable colour per name), status dot, two shapes and an overlapping group with +N.

Labels in eight colours, closable chips and checkable filter tags (Ant Design’s CheckableTag).

Composable card — header with action slot, content, footer — in default, elevated, ghost and interactive variants.

Loading placeholders with a shimmer sweep or pulse, plus a ready-made paragraph.

Checkbox with a drawn tick animation, indeterminate state, built-in label + description and Field wiring.

Radio group with roving focus and arrow keys, plus a card variant for plan/option pickers with icons and prices.

Ant Design’s Segmented control — a sliding thumb, icons, disabled options, block width and arrow-key navigation.

One-time-code input — auto-advance, backspace-back, arrows, full-code paste, SMS autofill, grouping and masking.

Stepper with press-and-hold repeat, ↑/↓ (Shift ×10), Home/End, clamping, precision and Intl display formatting.

Chips input — Enter, comma or paste to add, Backspace to edit the last chip, validation, max count and suggestions.

Star rating with hover preview, half steps, read-only mode, custom glyphs and slider-style keyboard support.

Searchable select with ranked matching (prefix > word > substring, keywords too), clear button and an optional “Create …” row.

Accessible month grid — single or range, two-month view, disabled days, min/max, week start, Intl labels and full keyboard nav.

Field-styled trigger with a floating Calendar; range mode adds a two-month view and quick presets (Last 7 days…).

Saturation/value pad, hue strip, hex input, swatches and the native EyeDropper — inline or in a popover.

Drag-and-drop dropzone with type/size validation, image thumbnails, per-file progress bars and remove buttons.

Single or multiple expansion with grid-rows height animation, three looks and arrow-key header navigation.

Typed data table — click-to-sort headers (aria-sort), row selection with page-level select-all, paging, sticky header, empty state.

Page list with smart ellipses and sibling count, or a compact simple variant. `pageRange()` is exported for custom UIs.

Linear progress (scaleX, striped, gradient, indeterminate) and a circular ring with centred label.

KPI card — label, big value, coloured delta (with polarity for costs/latency), icon and a trend sparkline.

Dependency-free SVG mini chart — smooth line, gradient area or bars — for cards and table cells. Server-component safe.

Vertical activity timeline with tone dots or icons, timestamps and a pulsing pending tail.

Empty state with drawn illustrations (inbox, search, error, folder), title, description and actions.

Key–value details as a semantic <dl> — bordered grid or airy list, 1–4 columns, spanning cells.

File-explorer tree with indent guides, icons, meta, disabled nodes and full WAI-ARIA tree keyboard support.

Scroll-snap carousel — native swipe momentum, arrows, dots, keyboard, multi-slide widths and pausable autoplay.

Callouts in info, success, warning, destructive and neutral tones — with actions, inline actions and dismiss.

Sonner-style notifications: an imperative toast() API, promise toasts, actions, stacking that expands on hover, swipe to dismiss.

Trail with icons, custom separators and a collapsible middle (click … to reveal the full path).

Flow progress (Ant Design’s Steps) — numbered or dots, horizontal or vertical, error state, clickable finished steps.

Data-driven menu — items with icons/shortcuts, checkbox & radio items, labels, separators, nested submenus, typeahead.

Right-click menu for any area (also Shift+F10 / the Menu key), sharing the DropdownMenu panel and item model.

Click-to-open floating panel with an optional arrow, collision flipping, focus handoff and Esc/outside dismiss.

Rich preview on hover or focus — profile cards, link previews — that stays open while you move onto it.

Inline confirmation bubble (Ant Design’s Popconfirm) — async-aware confirm button with a spinner until it resolves.