All components

Reserves space at a fixed ratio so media cannot cause layout shift.

Compound component: `BentoGrid` and `BentoGrid.Item`.

The lowest-level layout primitive: a styled `div` you can retag.

Centres content and caps its width, with a responsive gutter.

A separator.

Responsive grid at zero runtime cost. Responsive `cols` become inline custom properties that the static stylesheet reads inside fixed media queries — no style computation, no CSS generation, SSR-identical.

An `IntersectionObserver` sentinel: the "reached the edge of the list" event, as a component.

A masonry layout — Pinterest's grid: items of different heights packed into columns with no gaps under the short ones.

Split panes — panels side by side (or stacked) with draggable, keyboard-operable boundaries between them. The editor/preview layout, the sidebar you can widen, the inspector you can shrink.

A styled overflow container.

Compound component: `Section` and `Section.Header`.

Flex container with a token-based gap. `Flex` is the horizontal alias.

Monospaced code. Inline by default; `block` wraps it in a scrollable `pre`.

A heading, `h1` through `h6`.

A keyboard key, for documenting shortcuts.

Compound component: `Prose` and `Prose.Link`.

Body text.

A button.

Groups related buttons. `attached` joins them into a single segmented control.

Copy to clipboard, with a transient confirmation.

A square button holding a single icon.

A month grid, keyboard-navigable per the WAI-ARIA Authoring Practices grid pattern.

A checkbox built on the native input.

A chip — a compact, labelled object: a filter, a tag, a recipient.

A colour picker with real controls: hue, saturation, brightness (and alpha) are `<input type="range">`s with names and spoken values; the hex field is a text input that commits on Enter or blur and reverts what it cannot parse; presets are toggle buttons. The two-dimensional area is a pointer convenience over the same state, hidden from assistive tech because the sliders already say everything it shows.

A filterable select, following the ARIA combobox pattern.

A text input with a `Calendar` in a popup.

A date-range field: one trigger showing "start – end", a popover hosting `Calendar` in range mode.

Wires a label, hint and error message to a form control.

A dropzone over a real `<input type="file">`.

Validation and submission orchestration over a native `<form>`.

A text input. Native by design: no wrapper element, so `type`, `pattern`, `autoComplete`, form validation and the browser's own UI all keep working.

A form label.

A list of options that is always open — the control `<select multiple>` should have been.

A numeric field that behaves.

A one-time-code field: one box per character, one string of state.

A password field with a reveal toggle and an optional strength meter.

A group of radios.

A star rating that is a real radio group.

A segmented control: one visible choice from a few, always all on screen.

A native `<select>`.

A slider built on `<input type="range">`.

An on/off toggle.

A list of tags with a text field on the end.

A multi-line text input.

A time field made of spinbutton segments — hours, minutes, optional seconds, optional AM/PM — rather than a free-text box or a scrolling list of every quarter hour.

Accordion — `Accordion`, `Accordion.Item`, `Accordion.Trigger`, `Accordion.Content`.

A right-click menu — `DropdownMenu`'s behaviour, anchored to a point instead of a button.

A modal dialog attached to an edge of the viewport.

A button that opens a list of commands.

A rich preview that appears on hover and on focus — a user card on an

A full-screen image viewer — click a thumbnail, see the picture, move through the set.

A centred modal dialog.

A click-triggered non-modal dialog anchored to its trigger.

Renders its children somewhere else in the DOM — the escape hatch every overlay needs to get out from under `overflow: hidden` and a parent's stacking context.

Tabs — `Tabs`, `Tabs.List`, `Tabs.Tab`, `Tabs.Panels`, `Tabs.Panel`.

One notification. `ToastProvider` renders these for you, but it is exported so a static toast can be dropped into a docs page or a form's inline slot.

A description that appears on hover and on focus.

A table of contents that knows where you are — the "On this page" column.

Compound component: `Breadcrumb`, `Breadcrumb.Item`, `Breadcrumb.Separator`.

The ⌘K palette: a search box over a flat list of commands.

Compound component: `Navbar`, `Navbar.Brand`, `Navbar.Links`, `Navbar.Link`, `Navbar.Actions`, `Navbar.Toggle`.

Page-by-page navigation.

Compound component: `Sidebar`, `Sidebar.Section`, `Sidebar.Item`, `Sidebar.Toggle`.

Compound component: `Avatar` and `Avatar.Group`.

A small status or category label.

Compound component: `Card`, `Card.Header`, `Card.Body`, `Card.Footer`.

A table with sorting, search, pagination and row selection built in.

A spreadsheet-style editable grid.

A file tree, implementing the WAI-ARIA treeview pattern.

A Kanban board that a keyboard can actually use.

A QR code, rendered as crisp SVG from an in-house encoder — no dependency, no canvas.

A resource scheduler — people, rooms or machines down the side, time across the top.

Where the user is in a multi-step flow.

Compound component: `Table`, `Table.Head`, `Table.Body`, `Table.Foot`, `Table.Row`, `Table.Cell`, `Table.HeaderCell`, `Table.Caption`.

Compound component: `Timeline` and `Timeline.Item`.

Windowed list: renders only the rows on screen.

A fenced code block with a copy button, built on `Code`.

The composer: an auto-growing textarea, an attachment slot, and a send button.

One turn in a conversation.

Compound component: `ChatThread`, `ChatThread.Message`, `ChatThread.Empty`.

Three animated dots meaning "a reply is coming".

A static, inline message. `danger` and `warning` get `role="alert"` so screen readers interrupt for them; `info` and `success` use `role="status"`, which waits for a pause instead of talking over the user.

The "nothing here yet" block: a glyph, a line explaining what is missing, and the action that fixes it.

A determinate or indeterminate progress bar.

A loading placeholder. Hidden from assistive tech — the live region announces state.

An indeterminate loading indicator. Inherits `currentColor`.

The closing ask.

A frequently-asked-questions list built on native `<details>`/`<summary>`.

A responsive grid of icon + title + description cells.

The site footer.

The top-of-page pitch. Renders from props alone; pass `children` to take the inner layout over completely.

A row of customer or partner logos.

An email capture form.

A plan comparison table built out of `Card`s.

A row of headline figures.

Customer quotes.

A number that counts up to its value the first time it is scrolled into view.

An audio player with its own controls — a podcast episode, a voice note, a sample.

A carousel built on CSS scroll-snap.

The current time, ticking, via `Intl.DateTimeFormat` — no date library.

A countdown to a fixed moment.

An image with the box reserved, a loading state, and a failure state.

An embedded map, without the privacy footgun.

An infinite ticker: the content, then an `aria-hidden` copy of it, translated by exactly half the track so the seam is invisible.

"3 minutes ago", via `Intl.RelativeTimeFormat` — no date library.

A video player with its own controls — progressive files (MP4, WebM), no streaming.

Owns the theme: resolves it, applies it to `<html>`, persists it, and follows the OS.

The theme switch every consumer asks for.