Overlays & feedback

Click-triggered popover with side and alignment options; closes on outside click or Esc and restores focus.

Delayed hover and focus preview card for profiles and link previews.

Right-click menu at the pointer with icons, shortcuts, destructive items, separators and arrow-key navigation.

Confirmation dialog for destructive actions; no backdrop dismiss and focus starts on Cancel.

Thumbnail grid with a full-screen viewer, previous/next, counter, arrow keys and Esc.

Cookie consent banner: accept all, reject all, or customize per-category preferences.

Draggable bottom sheet that snaps between stops, dismisses when pulled down and cycles on handle click.

Spotlight product tour that highlights targets step by step with keyboard control.

Bottom snackbar with an action button; the countdown pauses on hover or focus.

Bell with unread badge, All/Unread tabs and a mark-all-read action.

A floating action button that fans out labeled quick actions with staggered motion and full keyboard support.

A small anchored confirmation popover with destructive tone, safe default focus and async confirm.

A modal share dialog with copy link, email invite chips, access level and per-person roles.

A non-modal right-side inspector with Details and Activity tabs, property rows and an optional pin.

A full-screen navigation overlay with a morphing hamburger, staggered links, scroll lock and focus trap.

A selection-style floating toolbar with roving tabindex, separator and an overflow menu.

A "+ New" popover form with title, type segmented control, due-date chips and validation.

A bottom-right feedback launcher with sentiment choice, message, optional email and a thank-you state.

Stacked toasts that fan out on hover, with auto-dismiss timers.

Modal built on native <dialog> with enter / exit animation, focus handling and backdrop dismiss.

⌘K command palette with fuzzy search, groups, shortcut hints and full keyboard control.

Panel that slides in from a screen edge; the bottom sheet can be dragged down to close.

Dropdown menu with labels, checkbox items, shortcuts, destructive actions and typeahead.

Lightweight tooltip with four sides, show delay and keyboard focus support.