What's in the overlay family?

Dialogs and alert dialogs, sheets and drawers, popovers, hover cards, tooltips, and toasts — content that layers above the page.

VLLNT UI · Component family

Overlay components

Overlay components layer content above the page — dialogs, sheets, drawers, popovers, tooltips, and toasts. Focus management and dismissal are handled for you, built on accessible Radix primitives.

Browse all components How agents consume the registry15 components

Modal Dialogs

Modal dialogs for confirming actions, focusing attention, and sharing content, including alert and share dialogs.

Alert Dialog

Modal dialog for confirming destructive or important actions.

1 story

Dialog

Modal dialog overlay for focused content and actions.

1 story

Share Dialog

Modal dialog for sharing a page across social platforms with a copy-link action and overridable labels.

1 story

Slide-Out Panels

Edge-anchored drawers and sheets for secondary content and mobile-friendly slide-out navigation.

Drawer

Slide-out panel anchored to the screen edge.

1 story

Sheet

Slide-over panel from the edge of the screen.

3 stories

Menus & Commands

Command palettes and context, dropdown, and right-click menus for quick keyboard-driven actions.

Command

Command palette with search, groups, and keyboard navigation.

1 story

Context Menu

Right-click context menu with items and submenus.

1 story

Dropdown Menu

Accessible dropdown menu with items, checkboxes, radio groups, and submenus.

1 story

Popovers & Tooltips

Floating popovers, hover cards, and tooltips for contextual hints and on-hover content previews.

Popover

Floating content panel anchored to a trigger element.

1 story

Hover Card

Card that appears on hover for previewing content.

1 story

Tooltip

Informational popup displayed on hover or focus.

1 story

Animated Tooltip

Tooltip that animates in on hover or focus with a scale-and-fade.

2 stories

Notifications & Overlays

Transient toasts, canvas edge labels, and zoom HUD controls for feedback and on-canvas overlays.

Toast

Temporary notification messages with action support.

3 stories

Edge Label

Inline edge label for relationship semantics such as streams, handoffs, or policies.

1 story

Zoom HUD

Zoom controls with current percentage, increment buttons, and reset action for canvas views.

1 story

Readable by agents

Your AI agent can install these too.

The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.

/llms.txt

Concise index per the llmstxt.org spec — sections, links, and descriptions.

/llms-full.txt

Full registry context in one fetch — docs plus every component descriptor.

/r/<name>.json

Per-component descriptor: props, accessibility schema, and usage examples.

Frequently asked

What's in the overlay family?: Dialogs and alert dialogs, sheets and drawers, popovers, hover cards, tooltips, and toasts — content that layers above the page.