Overlays

Confirmation overlay for destructive / irreversible actions — friction proportional to consequence.

A grouped, searchable, keyboard-driven list (cmdk).

A destructive/irreversible confirmation.

A right-click menu attached to an element, with items, groups, checks and submenus.

Modal overlay for focused tasks/flows that block the page until dismissed.

A panel that slides in from an edge of the screen for a secondary task, and can be dragged closed on touch.

A menu opened from a trigger, with items, groups, checks, radios and submenus.

The batteries-included composition: content box → header → scroll body → panes.

A rich preview card that opens when a link or name is hovered or focused.

Anchored, dismissible floating panel for lightweight contextual content.

Edge-anchored panel (left/right/top/bottom) for secondary flows beside the page.

Transient hover/focus hint with supplementary (non-essential) text.