Components

Vue accordion for expandable FAQ and content sections, with single or multiple open panels and keyboard support.

Vue bottom sheet action dialog with a promise-based API for picking an option on mobile and desktop.

Vue alert callout to highlight important status, warnings, errors, or success messages in your UI.

Vue alert dialog for critical confirmations and destructive actions that require an explicit user decision.

Vue angle slider to pick a rotation or direction value on a circular control with keyboard support.

Vue autocomplete combobox to search and select from a filtered list of suggestions as you type.

Vue avatar component for user profile images with fallback initials or placeholders when media fails.

Vue badge for compact status labels, counts, and categorical tags next to text or controls.

Vue breadcrumb navigation that shows the path to the current page with hierarchical links.

Vue button with variants and sizes for primary actions, secondary controls, and icon buttons.

Vue button group that joins related actions with shared borders, spacing, and consistent sizing.

Vue card layout with composable header, content, and footer sections for grouping related UI.

Vue carousel for sliding through images or content panels with previous, next, and indicator controls.

Vue checkbox for boolean and indeterminate selections in forms, filters, and multi-select lists.

Vue clipboard component to copy text to the clipboard with a trigger and copied-state feedback.

Vue collapsible panel to show or hide content behind a trigger, ideal for progressive disclosure.

Vue color picker to choose colors with swatches, channels, and hex or RGB values in forms and editors.

Vue date input for typing and parsing calendar dates with accessible, localized field behavior.

Vue date picker calendar to select a single date or range with keyboard and localization support.

Vue dialog modal overlay for focused tasks, forms, and confirmations above the main page content.

Vue dialog caller to open components programmatically with a promise-based stack API.

Vue drawer panel that slides in from the edge for navigation, filters, or secondary content.

Vue editable text field that switches between read and edit modes for inline content updates.

Vue empty state with header, media, and actions for zero-data, error, or onboarding screens.

Vue form field wrapper that shares label, helper, and error context with inputs and controls.

Vue fieldset to group related form controls under a shared legend with consistent spacing.

Vue file upload for drag-and-drop or browse selection of single or multiple files with item previews.

Vue filter builder with typed fields, operators, and chips to narrow lists and data tables.

Vue floating panel window that can be dragged, resized, and positioned over the main interface.

Vue hover card that previews rich content on hover or focus without leaving the current page.

Vue image component with loading states and fallback support for reliable media rendering.

Vue image cropper to pan, zoom, and crop photos before upload or avatar updates.

Vue text input with size variants for forms, search fields, and general single-line entry.

Vue input group to compose inputs with addons, prefix or suffix text, and inline action buttons.

Vue JSON tree view to explore nested objects and arrays in a collapsible, readable hierarchy.

Vue kbd element to display keyboard shortcuts and key combinations in docs and command UIs.

Vue listbox for selecting one or more options from a keyboard-navigable list.

Vue marquee for continuously scrolling text or content, useful for tickers and highlight strips.

Vue menu dropdown for actions and navigation with nested submenus and keyboard shortcuts.

Vue number input with steppers, min and max bounds, and precise numeric entry for forms.

Vue pagination controls to navigate multi-page lists and tables with page size and ranges.

Vue password input with show and hide toggle for secure credential entry in login forms.

Vue phone number input with country selector, libphonenumber validation, and E.164 output.

Vue PIN and OTP input for one-time codes and verification flows with per-digit fields.

Vue popover to show contextual content anchored to a trigger without blocking the page.

Vue circular progress indicator for loading states and determinate completion percentages.

Vue linear progress bar for uploads, multi-step flows, and determinate task completion.

Vue QR code generator to encode URLs and text as scannable codes for sharing and auth flows.

Vue radio group for choosing a single option from a mutually exclusive set of choices.

Vue rating group for star or score selection in reviews, feedback, and preference forms.

Vue scroll area with custom scrollbars for overflowing content in panels and sidebars.

Track which section is in view and share the active value with navigation like Toc.

Vue segment group (segmented control) to switch between exclusive view or filter options.

Vue select dropdown to pick a value from a searchable, keyboard-accessible list of options.

Vue separator to visually or semantically divide sections of content and menus.

Vue sidebar layout with responsive drawer, icon collapse, and hover flyout submenus for app navigation.

Vue signature pad to capture handwritten signatures with draw, clear, and export support.

Vue skeleton placeholder that reserves layout space while content or data is loading.

Vue slider to select a numeric value or range along a track with keyboard and pointer input.

Vue splitter for resizable panes that let users adjust layout width or height interactively.

Vue steps (stepper) to guide users through multi-step wizards and onboarding flows.

Vue switch toggle for binary on and off settings with an accessible, thumb-style control.

Vue table layout with header, body, footer, and empty states for structured data display.

Vue tabs to switch between related views or panels in a compact, keyboard-accessible layout.

Vue tags input to enter, edit, and remove multiple tags or tokens in a single field.

Vue textarea for multi-line text entry with size variants for comments, notes, and forms.

Vue timeline for sequential events with items, markers, and content in vertical or horizontal layouts.

Vue timer for countdowns and elapsed time displays in workflows, quizzes, and live sessions.

Vue toast notifications for brief success, error, and info feedback without blocking the UI.

Table of contents with a rail indicator — continuous, sharp diagonals, or rounded S-curves that follow nested items.

Vue toggle button for pressed and unpressed states, useful for formatting and view options.

Vue toggle group for single or multi-select toolbars of related toggle buttons.

Vue tooltip that shows a short hint on hover or focus for icons, truncated labels, and controls.

Vue product tour to highlight UI steps with guided tooltips for onboarding and feature discovery.

Vue tree view for nested folders and hierarchical data with expand, collapse, and selection.

Vue typography styles for headings, paragraphs, lists, and prose with responsive defaults.