All components

10 patterns, grouped by where you would reach for them.

Primitives

Accordion

Collapsible sections with a spring-animated chevron, height transition, and proximity hover across every row.

Button

Base UI button with variant and size styling via class-variance-authority — the trigger every other primitive renders through `render`.

Combobox

Base UI combobox — a text input filtered against a list as you type, with a spring-driven popup matched to the input's width. The search-as-you-type engine behind a command palette.

Dialog

Centered modal with a spring-scaled popup and fading backdrop — a detached floating plane, not an edge-attached panel like Sheet.

Menu

Base UI menu with submenus, checkbox/radio items, and a spring-driven popup — the dropdown behind mega-menus and sidebar row actions.

Popover

Anchored floating panel that grows out of its trigger — non-modal, positioned on any side, scaling from the exact point Base UI anchors it to.

Sheet

Edge-anchored panel built on the Dialog primitive — slides in flush against a viewport edge with a fading backdrop, unlike Dialog's detached floating plane.

Switch

Base UI switch with a squishy, draggable thumb — it stretches on hover, squishes on press, and can be dragged (not just clicked) to the other side. The on/off control behind pricing toggles and settings rows.

Tabs

Tab list with a spring-driven sliding indicator and proximity hover across every tab — the item nearest the cursor previews with a subtle wash before it's clicked.

Tooltip

Fast, fading label for icon buttons and truncated text — slides a few pixels in from the trigger's side on top of the fade.