Vue UI Components

Progressively discloses related sections with single or multiple open-state behavior.

Click to talk becomes a compact microphone control: stop, live waveform, mute, and input selection. Ready for voice AI, calls, and collaboration.

Microphone setup with device selection, a live input meter, mute, and explicit start/stop. Emits a local MediaStream for your meeting or AI application.

Accessible route or resource-path navigation with application-owned destinations and optional middle-path collapsing.

The atomic call to action — variants, sizes, loading state, and any underlying element.

Select a webcam and check a private local preview before joining a call. Emits a video-only MediaStream and releases the camera when stopped.

A keyboard-first command launcher composed from dialog and listbox patterns.

A right-click menu built on DomMenu, with popover top-layer placement and keyboard navigation.

A modal built on the native HTML <dialog> element — top-layer rendering, native stacking, scroll lock, and backdrop styling without z-index hacks.

A slide-out panel for navigation menus, filters, or secondary app panels with backdrop dismiss, drag dismiss, scroll lock, and focus trap built in.

A menu that opens from a button — fully keyboard accessible, with focus return, optional scroll lock, and outside-click handling.

A compact accessible button for toolbar, row action, and chrome controls.

A gallery overlay that opens from a thumbnail into a stable preview stage, then flies back to the origin on close.

A roving-focus action menu for command lists, settings menus, and static menu panels.

Nested navigation that slides inside its container on mobile and desktop. Reuses App stack transitions, retained page state, scrolling, and focus. Each item has a unique id and label, plus children, a component and props, or a named slot for richer pages. Leaf items accept to or href, or emit select for application actions.

A controlled page navigator for data grids, audit logs, search results, and resource lists.

A floating panel anchored to a trigger. Built on the HTML Popover API so it sits in the top layer — no parent overflow, transform, or z-index can clip it.

A signed-in account trigger with avatar, email, and app profile actions.

A smooth-scrolling table of contents that keeps real fragment links highlighted as their target headings move through a page or scroll container.

A resizable multi-pane shell for editors, inspectors, file browsers, and app-builder workspaces.

Controlled horizontal or vertical progress navigation for multi-step application workflows.

Switches between related panels with keyboard navigation and pill or page-style presentation.

A DOM Studio light, dark, and system theme preference control.

A polite live-region stack for transient notifications.

A compact action surface for icon buttons, segmented controls, filters, and overflow menus.

Adds lightweight accessible context on hover and focus with collision-aware placement.

A keyboard navigable hierarchical tree with selection, custom item rendering, lazy loading, and drag/drop reordering.

A vertical video feed with touch scrolling, snap navigation, and one active player. Built for desktop and mobile.