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.

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 filterable select, following the ARIA combobox pattern.

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

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

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

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 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 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.

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

A modal dialog attached to an edge of the viewport.

A button that opens a list of commands.

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.

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.

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`.

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.

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.

A carousel built on CSS scroll-snap.

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

A countdown to a fixed moment.

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.

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

The theme switch every consumer asks for.