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. Install Alert Dialog from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Dialog

Modal dialog overlay for focused content and actions. Install Dialog from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Share Dialog

Modal dialog for sharing a page across social platforms with a copy-link action and overridable labels. Install Share Dialog from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

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. Install Drawer from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Sheet

Slide-over panel from the edge of the screen. Install Sheet from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

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. Install Command from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Context Menu

Right-click context menu with items and submenus. Install Context Menu from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Dropdown Menu

Accessible dropdown menu with items, checkboxes, radio groups, and submenus. Install Dropdown Menu from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

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. Install Popover from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Hover Card

Card that appears on hover for previewing content. Install Hover Card from the VLLNT UI registry with the shadcn CLI.

Web

1 storyView component

Tooltip

Informational popup displayed on hover or focus. Install Tooltip from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Animated Tooltip

Tooltip that animates in on hover or focus with a scale-and-fade. Install Animated Tooltip from the VLLNT UI registry with the shadcn CLI.

Web

2 storiesView component

Notifications & Overlays

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

Toast

Temporary notification messages with action support. Install Toast from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

Edge Label

Inline edge label for relationship semantics such as streams, handoffs, or policies. Install Edge Label from the VLLNT UI registry with the shadcn CLI.

Web

1 storyView component

Zoom HUD

Zoom controls with current percentage, increment buttons, and reset action for canvas views. Install Zoom HUD from the VLLNT UI registry with the shadcn CLI.

Web

1 storyView component

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.