C
cnippet-ui
c-annotated-chart-1Deploy markers — error rate with deploy, rollback and SLO
c-annotated-chart-2Campaign periods — shaded launch and webinar weeks
c-annotated-chart-3Incident — latency with an incident window and SLA
c-area-chart-1Visitors — desktop vs mobile with gradient fill
c-area-chart-2MRR by plan — stacked areas with a total tooltip
c-area-chart-3Traffic mix — percent-stacked share of sessions by channel
c-area-chart-4Provisioned storage — step curve for values that jump
c-bar-chart-1Monthly revenue — single series in a chart card
c-bar-chart-2Signups by channel — stacked columns
c-bar-chart-3Top pages — horizontal bars with value labels
c-bar-chart-4Profit & loss — negative values below a zero line
c-bar-chart-5Sales vs quota — reference line for the target
c-bar-list-1Top pages — page views, last 30 days
c-bar-list-2Top countries — flags and % share
c-bar-list-3Clickable referrers — rows filter the dashboard
c-box-plot-1Salary by role — precomputed quartiles
c-box-plot-2Latency by region — quartiles computed from raw samples
c-box-plot-3CI run time — per runner against a time budget
c-brush-chart-1Two years of revenue — starts zoomed to 90 days
c-brush-chart-2Sensor log — three days of 10-minute readings
c-brush-chart-3Stock history — a year of closes, last 60 sessions shown
c-bullet-chart-1Sales vs quota — per rep with performance bands
c-bullet-chart-2SLA vs target — response time per support tier
c-bullet-chart-3Budget usage — spend with a month-end forecast marker
c-calendar-heatmap-1Contributions — a year of daily activity
c-calendar-heatmap-2Habit streak — three months, weeks start Monday
c-calendar-heatmap-3Daily sales — six months of revenue
c-candlestick-chart-1Stock price — daily candles for a month
c-candlestick-chart-2Crypto — hourly candles with volume bars
c-candlestick-chart-3Moving average — candles with a 7-day average line
c-category-bar-1Credit score — bands with a marker
c-category-bar-2Storage breakdown — usage by type with free space
c-category-bar-3Budget allocation — spend so far as a marker
c-chart-card-1Revenue card — headline value, growth badge and area trend
c-chart-card-2Range select — card actions switch the chart between 7, 30 and 90 days
c-chart-card-3Churn card — inverted delta where a drop is good, with a footer insight
c-chart-empty-1No data in range — prompt to widen the date range
c-chart-empty-2No events yet — first-run state before any data arrives
c-chart-empty-3Filtered to nothing — clear filters to bring the chart back
c-chart-skeleton-1Bar placeholder — swaps to the real chart once data loads
c-chart-skeleton-2Line and area placeholders — side by side in chart cards
c-chart-skeleton-3Donut placeholder — loading state for a part-to-whole card
c-chart-tooltip-presets-1Period comparison — revenue against last year with % change
c-chart-tooltip-presets-2Stacked total — MRR by plan with a total row
c-chart-tooltip-presets-3Sorted list — page load by region, slowest first
c-cohort-retention-1Weekly retention — signup cohorts by week
c-cohort-retention-2Net revenue retention — monthly cohorts above 100%
c-cohort-retention-3Feature adoption — share using a feature by month
c-combo-chart-1Revenue & growth — bars in $ with a % line on a second axis
c-combo-chart-2Orders & AOV — order volume against average order value
c-combo-chart-3Trials & conversion — stacked bars by plan with a conversion line
c-delta-bar-1NPS change — points gained or lost per area
c-delta-bar-2Budget variance — over budget shown as bad
c-delta-bar-3Week over week — change under each metric
c-donut-chart-1Traffic sources — channel share with the total in the centre
c-donut-chart-2Storage used — side legend with free space muted
c-donut-chart-3Headcount — percentage labels on each slice
c-donut-chart-4Budget split — side legend with a currency total
c-drilldown-chart-1Revenue — year → quarter → month
c-drilldown-chart-2Active users — region → country → city
c-drilldown-chart-3Sales by product — horizontal bars, category → product
c-funnel-chart-1Signup funnel — share reaching each step with drop-off
c-funnel-chart-2Checkout — left-aligned bars
c-funnel-chart-3Sales pipeline — currency values without drop-off
c-gauge-chart-1Web Vitals LCP — good / needs work / poor bands
c-gauge-chart-2CPU load — value arcs coloured by threshold
c-gauge-chart-3NPS — a -100 to 100 scale with four bands
c-heatmap-1Activity — sessions by weekday and hour
c-heatmap-2Feature usage by plan — values printed in cells
c-heatmap-3Error rate — services by day with an incident
c-histogram-1Response times — right-skewed latency distribution
c-histogram-2Order values — two clusters of basket sizes
c-histogram-3Test scores — 20 narrow bands without a grid
c-interactive-legend-1Toggle series — show or hide latency percentiles on a line chart
c-interactive-legend-2Hover highlight — dim the other channels on a stacked bar chart
c-interactive-legend-3Top legend — sessions by device with icons, legend above the chart
c-line-chart-1API latency — p50, p90 and p99 over a day
c-line-chart-2Revenue forecast — dashed forecast continuing the actuals
c-line-chart-3Conversion rate — dots and a target line
c-pie-chart-1Browser share — pie with a bottom legend
c-pie-chart-2Survey answers — percentage labels and a side legend
c-pie-chart-3Expenses — spending by category with currency values
c-polar-area-chart-1Activity by weekday — one colour
c-polar-area-chart-2Wind rose — hours by direction
c-polar-area-chart-3Tickets by topic — a colour per slice
c-progress-circle-1Profile completion — ring with a checklist
c-progress-circle-2Quota used — colours by threshold
c-progress-circle-3Sizes — from 32px to 96px
c-radar-chart-1Product comparison — two laptops across six aspects
c-radar-chart-2Skill profile — circle grid with dots
c-radar-chart-3Plan scorecard — three outlined plans
c-radial-chart-1Activity rings — three daily goals
c-radial-chart-2Seats used — half ring with an upgrade action
c-radial-chart-3Site scores — four Lighthouse rings
c-range-area-chart-1Latency band — p5–p99 with the median line
c-range-area-chart-2Revenue forecast — actuals then a widening forecast band
c-range-area-chart-3Temperature range — monthly low and high
c-realtime-chart-1Requests per second — live stream
c-realtime-chart-2Room temperature — two sensors, fixed axis
c-realtime-chart-3Price feed — a random walk
c-sankey-1Traffic flow — source to landing page to outcome
c-sankey-2Budget allocation — department then spend type
c-sankey-3Energy flow — source to use, with losses
c-scatter-chart-1Price vs rating — products coloured by category
c-scatter-chart-2Deal size vs sales cycle — bubbles sized by seats
c-scatter-chart-3Response time vs payload — single-series correlation
c-series-toggle-chart-1Visitors — desktop and mobile tabs with totals
c-series-toggle-chart-2Metric switcher — users, sessions and revenue
c-series-toggle-chart-3Rates — funnel rates as lines, tabs without totals
c-spark-area-1KPI card — revenue with a 7-day spark area
c-spark-area-2Table cell — weekly users trend per workspace
c-spark-area-3Trend colours — green or red by direction, inverted for errors and CPU
c-spark-bar-1Daily commits — 28 days of activity
c-spark-bar-2Win/loss — last 15 games per team
c-spark-bar-3Weekly volume — stacked web and app orders in a card
c-spark-line-1Stock ticker — 10-day price lines with change
c-spark-line-2Status list — service latency with a status badge
c-spark-line-3Up vs down — the same line coloured by what rising means
c-sunburst-chart-1Revenue by region — region then country
c-sunburst-chart-2Disk usage — folders and subfolders
c-sunburst-chart-3Org structure — departments and teams
c-synced-charts-1Server metrics — CPU, memory and network
c-synced-charts-2Sales — revenue, orders and AOV
c-synced-charts-3Traffic vs conversion — sessions and rate by hour
c-time-range-chart-1Visitors — 7d / 30d / 90d with totals per device
c-time-range-chart-2Revenue — 3m / 6m / 12m monthly bars
c-time-range-chart-3API calls — stacked successful and failed calls
c-tracker-190-day uptime — daily status with incidents
c-tracker-2Build history — last 30 CI runs
c-tracker-3Habit tracker — four weeks per habit
c-treemap-1Revenue mix — two levels: business line and product
c-treemap-2Bundle size — flat list of packages
c-treemap-3Disk usage — click a cell to select it
c-waterfall-chart-1MRR movement — new, expansion, contraction and churn
c-waterfall-chart-2P&L bridge — revenue to net profit with subtotals
c-waterfall-chart-3Headcount change — hires and departures by team
m-animated-number-1Stepper — +10/-10 buttons spring the figure through intermediate values
m-animated-number-2Upload progress — percentage label animates alongside a CSS progress bar
m-animated-number-3Dashboard metrics — three KPI cards spring on multiplier toggle
m-breathing-text-1Weight + width wave — wght and wdth axes breathe left to right
m-breathing-text-2Center pulse — short logotype word pulses outward from center
m-breathing-text-3Heading + subtitle pair — two instances with opposite stagger directions
m-canvas-text-1Landing hero — one word of the headline filled with flowing token-colored lines
m-canvas-text-2Pricing card — the price drawn in custom brand colors
m-canvas-text-3Section label — a small animated eyebrow above a feature heading
m-colorful-text-1Hero headline — full sentence reveals character-by-character with random vibrant colours
m-colorful-text-2Brand logotype — short all-caps word with custom violet-to-teal palette
m-colorful-text-3Cycling phrases — button replays the colour animation across multiple phrases
m-container-scroll-1Dashboard reveal — an analytics screen tilts flat under a headline
m-container-scroll-2Mobile app — a phone-shaped card with a chat screen
m-container-scroll-3Video frame — a keynote poster with a play button tilts into view
m-counting-number-1Stats section — four counters animate a social-proof grid on mount
m-counting-number-2Large hero metric — single full-width counter with imperative replay via ref
m-counting-number-3Dashboard metrics — three gradient counters inside bordered cards with different durations
m-encrypted-text-1Hero headline — large heading decrypts left-to-right on mount
m-encrypted-text-2Terminal session — CLI commands decrypt sequentially on Enter
m-encrypted-text-3Direction picker — buttons replay with each of four revealDirection values
m-flip-words-1Hero inline — adjectives flip inside a heading with primary colour accent
m-flip-words-2CTA button — action verbs flip inside a full-width button for a sense of urgency
m-flip-words-3Testimonial card — audience descriptor cycles in a pull-quote layout
m-hero-parallax-1Portfolio wall — three rows of project shots under a studio intro
m-hero-parallax-2Template gallery — two rows of site templates
m-hero-parallax-3Multi-depth — rows moving at different speeds for a layered hero
m-horizontal-scroll-1Case studies — cards with results scroll sideways while pinned
m-horizontal-scroll-2Company timeline — milestones by year on a horizontal track
m-horizontal-scroll-3Photo gallery — tall images in a fast horizontal strip
m-letter-3d-swap-1Navigation links — letters rotate upward on hover with colour change between faces
m-letter-3d-swap-2CTA buttons — filled and outlined buttons with opposite rotateDirection values
m-letter-3d-swap-3Direction showcase — four rows compare top, right, bottom, and left rotations
m-letter-swap-hover-1Navigation links — each link swaps independently on hover
m-letter-swap-hover-2CTA buttons — filled and outlined buttons with opposite swap directions
m-letter-swap-hover-3Stats row — labels use center-out stagger beneath stat figures
m-macbook-scroll-1Product launch — the lid opens onto a wallpaper with a NEW badge
m-macbook-scroll-2App screen — custom UI rendered on the laptop screen
m-macbook-scroll-3Demo video — a video poster with player controls on screen
m-morphing-text-1Auto-cycling hero words — four short action words blur-dissolve in sequence
m-morphing-text-2Tech stack card — stack names morph inside a product card
m-morphing-text-3Hero section — morphing headline anchored by static eyebrow and body copy
m-parallax-floating-1Floating shapes — geometric shapes at different depths follow the cursor
m-parallax-floating-2Floating card — card with glow blobs and dot accents at independent depth layers
m-parallax-floating-3Floating symbols — abstract symbols drift at different depths following cursor
m-progressive-blur-1List fade — content list with progressive blur fade at the bottom
m-progressive-blur-2Gallery edges — horizontal row of cards with left and right edge blur
m-progressive-blur-3Nav overflow — horizontal nav bar with right-edge blur for overflow indication
m-random-letter-swap-1Navigation links — each link shuffles independently on hover
m-random-letter-swap-2CTA buttons — two buttons with reverse prop contrast for visual distinction
m-random-letter-swap-3Tag chips — technology tags inside pill badges shuffle on hover
m-rolling-text-1Hero headline — letters roll up with tight stagger on mount
m-rolling-text-2Stacked display lines — three lines with incremental delay offsets
m-rolling-text-3Navigation links — roll down from above with per-item delay
m-rotating-text-1Hero inline — adjectives rotate inside a heading with stable width
m-rotating-text-2Framed CTA — action phrases rotate inside a bordered card
m-rotating-text-3Testimonial audience — direction down cycles target audience descriptor
m-scramble-hover-1Navigation links — each link scrambles independently on hover
m-scramble-hover-2Hero heading — center reveal direction for a symmetric decode
m-scramble-hover-3Repository card — title and metadata scramble with different settings
m-scroll-direction-header-1Site header — hides while reading down, returns on scroll up
m-scroll-direction-header-2Mobile tab bar — a bottom bar that slides away while browsing
m-scroll-direction-header-3Docs toolbar — stays while reading, slides away on scroll up
m-scroll-image-reveal-1Case study cover — the cover image wipes up as you reach it
m-scroll-image-reveal-2Circle hero — a full-width photo expands from a circle
m-scroll-image-reveal-3Reveal grid — three tiles wiping in from different edges
m-scroll-progress-1Fixed reading bar — 1px bar pinned to viewport top tracks window scroll
m-scroll-progress-2In-container progress — gradient bar in card header scoped to a scrollable div
m-scroll-progress-3Styled bar with percentage — rounded gradient bar with live percentage label
m-scroll-reveal-1Feature cards — three cards slide up and fade in with staggered delays on scroll
m-scroll-reveal-2Feature section — image slides from left, text from right in a split layout
m-scroll-reveal-3Stepped list — each item slides in from the left with incrementing delay
m-scroll-snap-sections-1Product story — four full-height chapters with dot navigation
m-scroll-snap-sections-2Onboarding slides — horizontal slides in a phone-sized frame
m-scroll-snap-sections-3Testimonials — one quote per snapped section
m-scroll-swap-text-1Feature list — each item slides in as the scrollable container is scrolled
m-scroll-swap-text-2Step-by-step process — numbered steps swap in as they cross the scroll threshold
m-scroll-swap-text-3Testimonial quotes — pull quotes scroll into view one at a time
m-scroll-velocity-text-1Word marquee — continuous horizontal scroll of tech-stack words, speeds up on scroll
m-scroll-velocity-text-2Opposing rows — two rows scrolling in opposite directions, velocity-reactive
m-scroll-velocity-text-3Pill marquee — badge-style items scrolling continuously at a fixed speed
m-scroll-velocity-text-4Logo row — a customer logo strip that speeds up with scrolling
m-sliding-number-1Increment/decrement — +/- buttons drive a single odometer display
m-sliding-number-2Live clock — hours, minutes, seconds as separate padded sliding numbers
m-sliding-number-3Pricing plan switcher — price and seat count animate on tier change
m-spinning-text-1Badge ring — spinning label orbits a centered icon
m-spinning-text-2CTA orbit — reversed ring around a clickable arrow button
m-spinning-text-3Concentric rings — two rings at different radii, speeds, and directions
m-splitting-text-1Hero headline — word-level slide-up with spring transition
m-splitting-text-2Preset explorer — buttons switch all five presets on character-level split
m-splitting-text-3Stacked content block — eyebrow, headline, body with different presets
m-stacking-cards-1Feature cards — three feature cards stack as you scroll through the section
m-stacking-cards-2Testimonial cards — customer quotes stack on scroll with subtle scaling
m-stacking-cards-3Process steps — numbered steps stack sequentially on scroll
m-sticky-footer-1Brand footer — oversized wordmark uncovered at the end of the page
m-sticky-footer-2CTA footer — a sign-up prompt revealed under an FAQ
m-sticky-footer-3Newsletter footer — an email form revealed under a post list
m-sticky-scroll-reveal-1Feature walkthrough — four features with a sticky illustration panel
m-sticky-scroll-reveal-2Onboarding steps — numbered setup steps with a sticky form preview
m-sticky-scroll-reveal-3Changelog — release highlights with a sticky notes panel
m-text-along-path-1Circular badge — text loops continuously around a circular path
m-text-along-path-2Wave path — text flows along a sinusoidal wave in auto mode
m-text-along-path-3Curved path with visible stroke — cubic Bézier with showPath for debugging
m-text-cursor-proximity-1Scale — characters grow as cursor approaches with linear falloff
m-text-cursor-proximity-2Opacity reveal — two hidden lines appear as cursor sweeps with gaussian falloff
m-text-cursor-proximity-3Scale and color — characters grow and shift colour with exponential falloff
m-text-flipping-board-1Departures board — four rows that flip to the next set of flights
m-text-flipping-board-2Announcement bar — a single row cycling through promo messages
m-text-flipping-board-3Countdown — a launch timer where each second is one flip
m-text-generate-effect-1Hero headline — word-by-word blur-fade reveal for landing page headings
m-text-generate-effect-2AI chat response — assistant card regenerates text on demand via trigger
m-text-generate-effect-3Stacked content block — eyebrow, headline, and body with different stagger settings
m-text-gradient-1Hero heading — violet to cyan looping gradient sweep
m-text-gradient-2Inline word accent — single word with fast orange-to-green sweep inside static heading
m-text-gradient-3Pricing cards — each tier has its own palette and speed
m-text-highlight-1Scroll triggered — key phrase highlights ltr on viewport entry
m-text-highlight-2Hover triggered — highlight fills in on mouse enter and resets on leave
m-text-highlight-3Direction picker — buttons call ref to demonstrate all four sweep directions
m-text-loop-1Looping adjectives — cycles benefit words inline in a heading
m-text-loop-2Animated status badge — rich content items in a pill with slide transition
m-text-loop-3Horizontal slide — custom variants swap fade+y for a left-to-right slide
m-text-morph-1Word cycler — button group drives character-level morphing between words
m-text-morph-2Auto-cycling plan name — interval advances through strings in a card
m-text-morph-3Morphing placeholder — placeholder morphs character-by-character as user types
m-text-reveal-1Hero headline — word-by-word fade-in-blur reveal
m-text-reveal-2Character scale — letter-level scale reveal for short taglines
m-text-reveal-3Stacked content block — eyebrow, headline, and body with sequential delays
m-text-roll-1Hero headline — letter-by-letter 3D roll reveal for a landing page heading
m-text-roll-2Stats row — three TextRoll instances with offset delays animate key metrics with replay
m-text-roll-3Navigation links — staggered roll-in across nav items on mount
m-text-rotate-1Hero inline — audience descriptor cycles in a heading with character stagger
m-text-rotate-2Manual step control — prev/next buttons drive word-by-word rotation via ref
m-text-rotate-3Feature ticker — short feature strings rotate with fade+y tween and dot indicators
m-text-scramble-1Hero headline — auto-scramble on mount resolving left-to-right
m-text-scramble-2Click to retrigger — manually replays the scramble via trigger prop
m-text-scramble-3Scrambled stats — staggered duration across a metric row
m-text-shimmer-1Hero headline — slow sweep on a large heading
m-text-shimmer-2Status badges — system-state and AI-processing badges with active shimmer loop
m-text-shimmer-3Feature list — heading and three feature strings shimmer at different speeds
m-text-shimmer-wave-1Hero heading — gentle wave with moderate z and y distance
m-text-shimmer-wave-2Loading states — fast wave on short strings alongside spinners and pulse indicators
m-text-shimmer-wave-3Exaggerated logotype — pushed scale, rotateY, and zDistance on a short all-caps word
m-typewriter-1Hero headline — types once with a block-underscore cursor
m-typewriter-2Looping phrases — cycles through strings with delete animation
m-typewriter-3Terminal prompt — monospace CLI-style with block cursor
m-variable-font-cursor-proximity-1Hero headline — characters grow from ultra-light to black near cursor
m-variable-font-cursor-proximity-2Dual lines — mirrored inverted axes with gaussian falloff
m-variable-font-cursor-proximity-3Navigation — nav items respond to proximity with exponential falloff
m-variable-font-hover-1Navigation links — letters bold from center outward on hover
m-variable-font-hover-2Hero headline — two lines with inverted weight axes contrast on hover
m-variable-font-hover-3CTA links — three links each using a different staggerFrom origin
m-vertical-cut-reveal-1Hero headline — word-by-word upward clip reveal with left-to-right stagger
m-vertical-cut-reveal-2Character logotype — center-out stagger on a short brand name
m-vertical-cut-reveal-3Stacked lines — alternating reverse direction per line with sequential delays
v-accordion-1Default
v-accordion-10Changelog / Release Notes with versioned entries
v-accordion-11Searchable FAQ with live keyword filter
v-accordion-12Settings sidebar navigation with icon sections
v-accordion-13Job board listings with requirements and apply action
v-accordion-14Onboarding step tracker with completion state
v-accordion-15Product specifications table by category
v-accordion-16Showcase: single and multiple
v-accordion-2Single Accordion
v-accordion-3Multiple Accordion
v-accordion-4Controlled Accordion
v-accordion-5With plus/minus indicators
v-accordion-6With borders and rounded corners
v-accordion-7Embedded within a Card
v-accordion-8Nested accordion example with bordered items
v-accordion-9User list accordion with avatars and role indicators
v-alert-1Default
v-alert-10Feature discovery alert
v-alert-11Dismissible announcement banner with CTA
v-alert-12Cookie consent banner with accept and decline
v-alert-13Storage limit warning with usage progress bar
v-alert-14Update available with async install feedback
v-alert-15Email verification with resend countdown
v-alert-2With Icon
v-alert-3With Icon and Action Buttons
v-alert-4Info Alert
v-alert-5Success Alert
v-alert-6Warning Alert
v-alert-7Error Alert
v-alert-8Stacked alerts within a Frame
v-alert-9Alert with actions integrated within a Frame
v-alert-dialog-1Default
v-alert-dialog-10Logout Confirmation Dialog
v-alert-dialog-11File Overwrite Confirmation with three-way choice
v-alert-dialog-12Subscription Downgrade Warning with feature loss list
v-alert-dialog-13Transfer Ownership with typed confirmation input
v-alert-dialog-14Clear All Data with checkbox consent gate
v-alert-dialog-15Rate Limit Exceeded with live countdown timer
v-alert-dialog-2Small Size Alert Dialog
v-alert-dialog-3Alert Dialog Within A Standard Dialog
v-alert-dialog-4Task Success Confirmation
v-alert-dialog-5Account Deactivation Confirmation
v-alert-dialog-6Warning For Unsaved Changes
v-alert-dialog-7Confirmation For Successful e-ticket Registration
v-alert-dialog-8System Update Notification
v-alert-dialog-9Billing Warning For Expired Subscriptions
v-autocomplete-1Default
v-autocomplete-10Grouped Items
v-autocomplete-11Limit Results
v-autocomplete-12Async Search
v-autocomplete-13Form Integration
v-autocomplete-14Timezone Picker
v-autocomplete-15Person Picker
v-autocomplete-16Country picker with flag and ISO code
v-autocomplete-17Repository picker with language and star count
v-autocomplete-18Multi-select tag input with dismissible chip pills
v-autocomplete-19Priority selector with icon and description
v-autocomplete-2Disabled
v-autocomplete-20Tech stack picker grouped by category
v-autocomplete-21Showcase: clear, trigger, groups, sizes and disabled
v-autocomplete-3Sizes
v-autocomplete-4With Label
v-autocomplete-5Inline Autocomplete
v-autocomplete-6Auto Highlight
v-autocomplete-7With Clear Button
v-autocomplete-8With Trigger and Clear Buttons
v-autocomplete-9With Search Icon
v-avatar-1Default
v-avatar-10With Hover Effect
v-avatar-11With Hover Effect & Tooltips
v-avatar-12Avatar Inside An Empty State Example
v-avatar-13With Loading State Demonstration
v-avatar-14With Custom Badge
v-avatar-15With Ring Animation
v-avatar-16With Dropdown Menu
v-avatar-17Team grid with online presence status dots
v-avatar-18Pull request comment thread
v-avatar-19Interactive assignee picker with selection state
v-avatar-2With Fallback
v-avatar-20Contributor leaderboard with rank and commit count
v-avatar-21Profile card with stats and action buttons
v-avatar-22Showcase: sizes, radius, fallback and group
v-avatar-3Different Sizes
v-avatar-4Different Radius
v-avatar-5Avatar Group
v-avatar-6Avatar Group With Numeric Count
v-avatar-7With Details and Badge
v-avatar-8Avatar Social Proof With Text Label
v-avatar-9Compact Social Proof With Initials
v-badge-1Default
v-badge-10With Icon
v-badge-11With Link
v-badge-12With Count
v-badge-13Status dot indicators (Online, Busy, Away, Offline)
v-badge-14Release channel tags (Stable, Beta, Experimental, Deprecated)
v-badge-15Subscription plan tiers with pricing
v-badge-16Notification category badges with unread counts
v-badge-17Priority labels in a task list
v-badge-18Showcase: variants, sizes, icons and counts
v-badge-2Outline
v-badge-3Secondary
v-badge-4Destructive
v-badge-5Info
v-badge-6Success
v-badge-7Warning
v-badge-8Error
v-badge-9Size Variations
v-banner-1Dismissible promo and maintenance banners above a page
v-banner-2Banner tones: default, info, success, warning, error
v-banner-3Cookie consent bar with two actions
v-breadcrumb-1Default
v-breadcrumb-10With Project, Sser and Document Info
v-breadcrumb-11File path breadcrumb with folder and file icons in monospace
v-breadcrumb-12Checkout step progress breadcrumb with numbered circles and navigation buttons
v-breadcrumb-13Admin hierarchy breadcrumb with colored icon badges per level
v-breadcrumb-14Page header breadcrumb with edit and share action buttons
v-breadcrumb-15Compact breadcrumb with ellipsis and hidden-items count badge
v-breadcrumb-16Showcase: separators, home icon and ellipsis
v-breadcrumb-2With custom separator
v-breadcrumb-3With Dropdown Menu
v-breadcrumb-4With Next.js Link
v-breadcrumb-5With Icons For Each Item
v-breadcrumb-6With Avatar
v-breadcrumb-7Inside Card
v-breadcrumb-8Starting With Home Icon
v-breadcrumb-9Button-style
v-button-1Default
v-button-10Large Size
v-button-11Extra-large Size
v-button-12Disabled
v-button-13Icon
v-button-14Button with an icon on the right
v-button-15Button with an icon on the left
v-button-16Outline button with an icon on the left
v-button-17Ghost button with an icon on the right
v-button-18Destructive button with an icon on the left
v-button-19Link button with an icon on the right
v-button-2Outline
v-button-20Star button with count
v-button-21Button with an unread badge
v-button-22Button with icon, label, and shortcut keys
v-button-23Icon-only copy button with feedback
v-button-24Animated hamburger / close toggle button
v-button-25Sliding Icon Button (Hover reveal)
v-button-26Social login buttons with GitHub, Google, and email options
v-button-27Loading and success state button with animated icon swap
v-button-28File upload button with attachment preview and clear action
v-button-29Split button with primary action and dropdown menu via Group
v-button-3Secondary
v-button-30Segmented view toggle with list, table, and kanban options
v-button-31Showcase: variants, sizes, icons and states
v-button-4Destructive
v-button-5Destructive Outline
v-button-6Ghost
v-button-7Link
v-button-8Extra-small Size
v-button-9Small Size
v-calendar-1Default
v-calendar-10Event Indicators
v-calendar-11Date Picker with Presets
v-calendar-12Date of Birth
v-calendar-13Week Picker
v-calendar-14Holiday highlights with name on select
v-calendar-15Hotel stay check-in and check-out
v-calendar-16Habit tracker with completion indicators and monthly streak counter
v-calendar-17Sprint planner with two-month range selection and duration stats
v-calendar-18Time off request with leave type selector and range picker
v-calendar-19Mini year view with all 12 months in a compact grid
v-calendar-2Larger cell size
v-calendar-20Time slot booking with available/booked slot grid and confirmation
v-calendar-21Showcase: single date and range with dropdowns
v-calendar-3Different Sizes
v-calendar-4Dropdown Navigation
v-calendar-5Custom Select Dropdown
v-calendar-6Custom Combobox Dropdown
v-calendar-7Multiple Selection
v-calendar-8Appointment Booking
v-calendar-9Two-Month Range Picker
v-card-1Default
v-card-10Login Form Card
v-card-11Expandable Content Card
v-card-12With Overflow Menu
v-card-13With Header Badge & Actions
v-card-14With Icon, Title and Link
v-card-15With Header Label and Link
v-card-16GitHub repository list cards with language, star, and fork counts
v-card-17Settings card with sidebar navigation and swappable content panels
v-card-18Pricing plan card with feature checklist and highlighted ring
v-card-19Event card with date, time, location, attendee count, and RSVP button
v-card-2With Border
v-card-20Stats dashboard grid with four metric tiles and trend indicators
v-card-3With Border Separation
v-card-4With Link
v-card-5With Dropdown Menu
v-card-6With Image
v-card-7With Image Scale Hover Effect
v-card-8With Image and Shadow Fade Effect
v-card-9With Stacked depth Effect
v-carousel-1Default
v-carousel-10Gallery with Thumbnails
v-carousel-11Testimonial carousel with avatar, quote, and dot indicators
v-carousel-12Pricing plan carousel with arrow navigation and highlighted active plan
v-carousel-13Media gallery carousel with caption badge and progress dots
v-carousel-14Changelog carousel with drag-free multi-slide and version tags
v-carousel-15Feature highlight carousel with icon slides and Prev/Next controls
v-carousel-16Showcase: horizontal and vertical
v-carousel-2Multiple Items
v-carousel-3Custom Spacing
v-carousel-4Vertical Orientation
v-carousel-5Autoplay with Indicators
v-carousel-6Testimonials
v-carousel-7Product Showcase
v-carousel-8Onboarding Steps
v-carousel-9Team Members
v-chart-1Multi-Series Bar Chart
v-chart-10Revenue bars with target reference line
v-chart-11Stacked area chart with two revenue series and a Y-axis legend
v-chart-12Horizontal bar chart ranking traffic channels by session count
v-chart-13Donut chart with center label showing team headcount by department
v-chart-14Multi-series line chart comparing API response percentiles (p50/p90/p99)
v-chart-15Composed chart overlaying revenue bars with a growth-rate line on dual axes
v-chart-2Area Chart
v-chart-3Bar Chart
v-chart-4Line Chart
v-chart-5Pie Chart
v-chart-6Radar Chart
v-chart-7Radial Bar Chart
v-chart-8Stacked monthly expense bars
v-chart-9Scatter plot of scores
v-checkbox-1Default
v-checkbox-10Multi-Consent Registration Gate
v-checkbox-11Weekly availability grid with checkboxes per day and time slot
v-checkbox-12Role permissions picker with colored badge per access level
v-checkbox-13Notification preferences matrix with event rows and channel columns
v-checkbox-14Plan add-on selector with dynamic price total as features are toggled
v-checkbox-15Sprint task checklist with priority badges and completion celebration
v-checkbox-16Showcase: states and descriptions
v-checkbox-2Disabled
v-checkbox-3With Description
v-checkbox-4Card Style
v-checkbox-5Form Integration
v-checkbox-6Payment method card checkbox
v-checkbox-7Select All with Indeterminate State
v-checkbox-8Issue Label Picker
v-checkbox-9Notification Channel Selector
v-checkbox-group-1Default
v-checkbox-group-10Notification channels with icons
v-checkbox-group-11Two-level nested group for tech stack selection by frontend and backend category
v-checkbox-group-12Recurring schedule picker with weekday and weekend sub-groups and day count badge
v-checkbox-group-13Integration enablement list with card rows and a master enable-all parent checkbox
v-checkbox-group-14Data export selector with two section groups and an item count summary
v-checkbox-group-15Food preference picker with independent cuisine and dietary checkbox groups
v-checkbox-group-2With Disabled Item
v-checkbox-group-3Parent Checkbox
v-checkbox-group-4Nested Parent Checkbox
v-checkbox-group-5Form Integration
v-checkbox-group-6Weekday picker
v-checkbox-group-7Language picker with selection badges
v-checkbox-group-8Notification preferences with descriptions
v-checkbox-group-9Feature flags
v-collapsible-1Default
v-collapsible-10Incident Status with Timeline
v-collapsible-11Accordion-style FAQ with single-open behavior and question count badge
v-collapsible-12Sidebar filter panel with collapsible groups, checkboxes, and active count
v-collapsible-13Package dependency list with version badges and expandable package names
v-collapsible-14Team directory with status dots, role labels, and per-team collapsible sections
v-collapsible-15Privacy policy card with accordion sections and single-panel-open behavior
v-collapsible-2Collapsible
v-collapsible-3Collapsible animated card
v-collapsible-4Collapsible card with bottom trigger
v-collapsible-5Collapsible form fields
v-collapsible-6Multi-level collapsible menu
v-collapsible-7Tree view with file actions
v-collapsible-8Read More Content Expander
v-collapsible-9CI/CD Build Step Log Viewer
v-color-picker-1Brand colour picker with area, hue, hex and presets
v-color-picker-2Colour picker in a popover behind a swatch button
v-color-picker-3Label colour swatches with hex input
v-combobox-1Default
v-combobox-10With Trigger Button
v-combobox-11With Select Button
v-combobox-12Form Integration
v-combobox-13Form Integration - Multiple
v-combobox-14Async Search
v-combobox-15Rich Item Rendering
v-combobox-16Controlled
v-combobox-17Creatable option when nothing matches
v-combobox-18City picker with timezone and country code trailing metadata
v-combobox-19Sprint selector with status badge and date range per item
v-combobox-2Disabled
v-combobox-20Font picker grouped by category with live preview sentence
v-combobox-21Timezone picker with UTC offset badge in trigger and region info below
v-combobox-22Currency picker with symbol icon in trigger and code trailing each item
v-combobox-23Showcase: single, multiple chips, sizes and disabled
v-combobox-3Sizes
v-combobox-4With Label
v-combobox-5Auto Highlight
v-combobox-6With Clear Button
v-combobox-7With Groups
v-combobox-8Multiple Selection
v-combobox-9With Search Icon
v-command-1Default
v-command-10Label picker with multi-select
v-command-11Account settings palette with grouped profile, preferences, and sign-out actions
v-command-12Repository search palette showing issues, pull requests, branches, and files
v-command-13Go-to-page palette with shortcut hints and arrow icon for unbound items
v-command-14Appearance picker with theme and accent-color options and active check marks
v-command-15Quick-open palette with page list, notification badges, and a keyboard footer
v-command-2Simple Command
v-command-3Command With Groups
v-command-4Command With File Search
v-command-5User Search Command With Avatars
v-command-6Action Palette With Keyboard Shortcuts
v-command-7With Recent And Favorites Sections
v-command-8Project switcher
v-command-9Invite members with multi-select
v-context-menu-1Browser page with submenu, checkbox toggles and profile radio
v-context-menu-10Team members dialog with role submenu
v-context-menu-11Bookmark list with per-item star toggle, open, copy, share, and delete actions
v-context-menu-12Rich-text editor with checkbox formatting and alignment submenu
v-context-menu-13File explorer rows with extension badge, rename, download, and delete per file
v-context-menu-14Social feed with upvote/downvote controls and a report submenu per post
v-context-menu-15Task board with inline status radio, priority submenu, reassign, and delete
v-context-menu-2Media library with Move to and Share submenus
v-context-menu-3Code editor with keyboard shortcuts
v-context-menu-4Calendar events with labelled action groups
v-context-menu-5Spreadsheet cells with icon actions
v-context-menu-6Data table with column visibility checkboxes
v-context-menu-7Folder view with Sort by and View radio groups
v-context-menu-8Inbox rows with destructive delete
v-context-menu-9Canvas layers opening on each side
v-data-table-1Sortable invoices
v-data-table-2Customer directory with search and pagination
v-data-table-3Team members with row selection and bulk actions
v-data-table-4Orders with column visibility menu
v-data-table-5Issue tracker with faceted status and priority filters
v-data-table-6Department budgets with expandable sub-rows
v-data-table-7API keys card table with row actions
v-data-table-8Showcase: search, filters, selection, sorting and pagination
v-date-picker-1Default
v-date-picker-10Task Deadline Reschedule
v-date-picker-11Report Period Range with Presets
v-date-picker-12Recurring Event Date Picker
v-date-picker-13Hotel Stay Range with Duration Shortcuts
v-date-picker-14Birthday Picker with Age Validation
v-date-picker-15Multi-date Availability Selector
v-date-picker-16Showcase: single, range, birthday and disabled
v-date-picker-2Date Range
v-date-picker-3Dropdown Navigation
v-date-picker-4With Presets
v-date-picker-5With Input
v-date-picker-6Auto-close on Select
v-date-picker-7Appointment Booking
v-date-picker-8Team Meeting Scheduler
v-date-picker-9Delivery Date Selector
v-dialog-1Default
v-dialog-10Invite Team Members
v-dialog-11Share Document with Link Copy
v-dialog-12Two-Factor Authentication Setup
v-dialog-13Subscription Cancellation with Reason
v-dialog-14API Key Generation and Reveal
v-dialog-15Product Feedback Star Rating
v-dialog-2Open from a Menu
v-dialog-3Dialog with Bare Footer
v-dialog-4Dialog with scroll inside
v-dialog-5Nested Dialogs
v-dialog-6With Destructive Action
v-dialog-7Cookie Preferences
v-dialog-8Session Expired
v-dialog-9Edit Profile with Avatar
v-drawer-1Default
v-drawer-10Edit profile form
v-drawer-11User Preferences & Theme Settings
v-drawer-12File Attachments with Upload
v-drawer-13Activity Log with Status Timeline
v-drawer-14Help Center with FAQ Search
v-drawer-15Quick Actions Grid
v-drawer-2Multiple Positions — Inset
v-drawer-3Multiple Positions — Straight
v-drawer-4Multi-step Nested Drawers
v-drawer-5Navigation Menu
v-drawer-6Filter & Sort Panel
v-drawer-7Shopping Cart
v-drawer-8Notification Center
v-drawer-9Delete account confirmation with undo
v-empty-1Default
v-empty-10No recent activity empty state
v-empty-11All caught up — no new notifications
v-empty-12No team members — invite form empty state
v-empty-13No matching results — clear filters empty state
v-empty-14Inbox zero — illustration with compose action
v-empty-15Access restricted — permission request empty state
v-empty-2Search empty state
v-empty-3Empty state with search input
v-empty-4Empty state with add button
v-empty-5Dashed upload empty state
v-empty-6No automations empty state with toggle illustration
v-empty-7No products empty state with stacked cards and blur effect
v-empty-8No payments empty state with credit card illustration
v-empty-9No events empty state with calendar illustration
v-field-1Basic field with label and description
v-field-10Field with textarea
v-field-11Field with select dropdown
v-field-12Field with checkbox
v-field-13Field with checkbox group
v-field-14Field with radio group
v-field-15Field with slider
v-field-16Field with number input
v-field-17Complete multi-field form
v-field-18Field with switch toggle
v-field-19Field with date picker
v-field-2Required password field
v-field-20Field with OTP verification input
v-field-21Resume dropzone with file validation
v-field-22Field with password strength indicator
v-field-3Disabled field
v-field-4Field with validation error
v-field-5Field with validity state inspector
v-field-6Field wrapping an input group
v-field-7Field with autocomplete
v-field-8Field with single-select combobox
v-field-9Field with multi-select combobox chips
v-fieldset-1Billing details fieldset
v-fieldset-10Social links fieldset with URL prefixes
v-fieldset-2Personal information fieldset
v-fieldset-3Shipping address fieldset
v-fieldset-4Notification preferences fieldset
v-fieldset-5Change password fieldset
v-fieldset-6Payment information fieldset
v-fieldset-7Account settings fieldset with timezone select
v-fieldset-8Team member invite fieldset
v-fieldset-9Support request fieldset with textarea
v-file-upload-1Multi-file dropzone with type, size and count limits
v-file-upload-2Avatar upload with preview
v-file-upload-3Dropzone with per-file upload progress
v-file-upload-4Message composer with attachments
v-file-upload-5Photo gallery grid
v-form-1Default
v-form-10Feedback form with rating
v-form-11Forgot password — reset email
v-form-12Delete account — danger zone confirmation
v-form-13Invite team member
v-form-2Multi-field form with validation
v-form-3Sign In
v-form-4Profile Settings
v-form-5Contact Form
v-form-6Change Password
v-form-7Newsletter Signup
v-form-83-Step Onboarding Wizard
v-form-9Sign Up / Register
v-frame-1Default
v-frame-10Danger zone with typed delete confirmation
v-frame-2Separated panels
v-frame-3With collapsible panel
v-frame-4Dense layout
v-frame-5With action button in header
v-frame-6Stats metrics display
v-frame-7With badge status indicator
v-frame-8Read-only key-value info
v-frame-9With footer CTA buttons
v-group-1Default
v-group-10With Popup
v-group-11With Input Group
v-group-12With Menu
v-group-13With Select
v-group-14Text formatting toolbar
v-group-15Thumbs up / down vote buttons
v-group-16Media player controls
v-group-17Price range input with apply button
v-group-18Search with category filter select
v-group-19Showcase: outline, small, primary and with input
v-group-2With Input
v-group-3Small Size
v-group-4With Disabled Button
v-group-5With Default Buttons
v-group-6With Start Labeled Text
v-group-7With End Text
v-group-8Vertical
v-group-9Nested Groups
v-input-1Default
v-input-10With Date Type
v-input-11File picker with clear button
v-input-12With Required Indicator
v-input-13Time slot select
v-input-14With Multiple Fields
v-input-15Input label with tooltip
v-input-16With Badge
v-input-17With Optional Badge
v-input-18With Link and Visibility Toggle
v-input-19With multiple error messages
v-input-2With Label
v-input-20Password strength with dynamic hint and icons
v-input-21Disabled input with masked value
v-input-22Readonly with copy-to-clipboard button
v-input-23Input with inline start icon
v-input-24Color picker with swatches and hex input
v-input-25Input with inline clear button
v-input-26Showcase: labels, required, error, disabled and sizes
v-input-3With Description
v-input-4With Error Message
v-input-5With Character Counter
v-input-6With Password Type
v-input-7With Phone Type
v-input-8With URL Type
v-input-9With Number Type
v-input-group-1Default
v-input-group-10With Keyboard Shortcut
v-input-group-11With Inner Label
v-input-group-12Sizes
v-input-group-13Disabled
v-input-group-14Loading
v-input-group-15With Number Field
v-input-group-16With Textarea
v-input-group-17With currency select prefix
v-input-group-18Newsletter subscribe with arrow button
v-input-group-19With inline clear button
v-input-group-2With End Icon
v-input-group-20Chat input with async send
v-input-group-21Textarea with character countdown
v-input-group-22Showcase: icons, text add-ons, shortcut and button
v-input-group-3With Start Text
v-input-group-4With End Text
v-input-group-5With Start and End Text
v-input-group-6With Tooltip
v-input-group-7With Icon Button
v-input-group-8With Button
v-input-group-9With Badge
v-kbd-1Default
v-kbd-10Shortcuts in menu items
v-kbd-11Command palette result rows with navigation hints
v-kbd-2Input group
v-kbd-3Keys grouped together
v-kbd-4With icons
v-kbd-5In a tooltip
v-kbd-6Reference list
v-kbd-7Keyboard shortcut in button
v-kbd-8Arrow key navigation display
v-kbd-9Cross-platform Mac vs Win shortcut table
v-label-1Default
v-label-10With status indicator dot
v-label-11With keyboard shortcut
v-label-12With inline link
v-label-13With icon prefix
v-label-14Horizontal layout
v-label-15With error state
v-label-16Showcase: markers, hints, links and errors
v-label-2With checkbox
v-label-3With textarea field
v-label-4With required indicator
v-label-5With optional indicator
v-label-6With tooltip info icon
v-label-7With badge indicator
v-label-8With character counter
v-label-9With helper description text
v-menu-1Default
v-menu-10Open a Dialog
v-menu-11Account menu
v-menu-12File actions
v-menu-13Icon button trigger
v-menu-14Notification settings
v-menu-15Share with export sub-menu
v-menu-2Open on Hover
v-menu-3With Checkbox
v-menu-4With Switch
v-menu-5With Radio Group
v-menu-6With Link
v-menu-7With Group Label
v-menu-8Nested Menu
v-menu-9Close on Click
v-meter-1Default
v-meter-10Score card with letter grade
v-meter-11Stacked resource meters
v-meter-12Color-coded by severity
v-meter-13Storage breakdown with icons
v-meter-14Bandwidth quota card
v-meter-15Profile strength checklist
v-meter-16Showcase: percentage, formatted value and custom range
v-meter-2Without Value
v-meter-3With Formatted Value
v-meter-4With Custom Range
v-meter-5Live CPU load meter with pause
v-meter-6Language usage breakdown
v-meter-7Password strength meter
v-meter-8API usage by team member
v-meter-9Quarterly budget by department
v-navigation-menu-1Marketing mega menu with icon cards and a featured link
v-navigation-menu-2Docs menu with sections and a plain link
v-number-field-1Default
v-number-field-10Font size with live preview
v-number-field-11Percentage with scrub
v-number-field-12Shopping cart quantity row
v-number-field-13Typography settings
v-number-field-14Min/max budget range
v-number-field-15Controlled with reset
v-number-field-16Showcase: label, scrub, sizes and disabled
v-number-field-2Sizes
v-number-field-3Disabled
v-number-field-4With External Label
v-number-field-5With Scrub
v-number-field-6With Range
v-number-field-7With Formatted Value
v-number-field-8With Step
v-number-field-9Form Integration
v-otp-field-1Default
v-otp-field-104-digit PIN with confirm
v-otp-field-11Email verification card
v-otp-field-122FA authenticator app
v-otp-field-138-char invite code with separator
v-otp-field-14Success state on completion
v-otp-field-15Resend countdown timer
v-otp-field-16Showcase: separator, large and disabled
v-otp-field-2Large
v-otp-field-3With Separator
v-otp-field-4With Label
v-otp-field-5Custom sanitization
v-otp-field-6Auto Validation
v-otp-field-7Alphanumeric
v-otp-field-8Placeholder hints
v-otp-field-9Masked entry
v-pagination-1Default
v-pagination-10With Outline Style Buttons
v-pagination-11Rows per page with first/last navigation
v-pagination-12With Page Select Dropdown And First/Last Navigation
v-pagination-13Numbered Pagination With Go-To-Page Input
v-pagination-14With Page Info, Numbered Pages, Ellipsis, and Per-Page Select
v-pagination-15Smart ellipsis with results count
v-pagination-16Mini pill
v-pagination-17Older/newer cursor navigation
v-pagination-18Controlled with smart ellipsis
v-pagination-19Results summary with compact nav
v-pagination-2Without Labels
v-pagination-20Loading/disabled state
v-pagination-21Showcase: numbered, icon-only and page info
v-pagination-3With Hover Effect
v-pagination-4With Circle Buttons
v-pagination-5With Go-To-Page Input
v-pagination-6Numbered Pagination In Card
v-pagination-7With Arrows Buttons
v-pagination-8With Page Info On Center
v-pagination-9With Page Info On Left
v-popover-1Feedback form
v-popover-10Share Link
v-popover-11Accent Color Picker
v-popover-12Keyboard Shortcuts
v-popover-13Filter Panel
v-popover-14Set a Reminder
v-popover-15System Status
v-popover-16Emoji picker
v-popover-17Confirmation / delete
v-popover-18Inline tag editor
v-popover-19Notification panel
v-popover-2With Close Button
v-popover-20Inline text edit
v-popover-3Tooltip Style
v-popover-4Shared Popover with Multiple Triggers
v-popover-5Placement
v-popover-6User Profile Card
v-popover-7Timestamp Detail
v-popover-8Quick Settings
v-popover-9Feature Tour
v-preview-card-1Website link preview with stats
v-preview-card-10Reference links with URL previews
v-preview-card-11User mention profile card
v-preview-card-12Article / blog post preview
v-preview-card-13Glossary term definition with related terms
v-preview-card-14GitHub-style issue preview
v-preview-card-15Stock ticker preview with sparkline and key stats
v-preview-card-2Venue location preview
v-preview-card-3Package preview with license and version
v-preview-card-4Event preview with date and attendees
v-preview-card-5Company profile preview
v-preview-card-6GitHub repository preview
v-preview-card-7Video preview with duration
v-preview-card-8Hashtag previews with post counts
v-preview-card-9Product preview with add to cart
v-progress-1Default
v-progress-10API Usage with Tier Milestones
v-progress-11Survey completion counter
v-progress-12Download with speed stats
v-progress-13Fundraiser goal tracker
v-progress-14Reading progress bar
v-progress-15Build pipeline stages
v-progress-16Showcase: plain, labelled and formatted value
v-progress-2With Formatted Value
v-progress-3With status messages
v-progress-4With slider
v-progress-5Multi-step progress indicator
v-progress-6With custom colors
v-progress-7Skills Meter
v-progress-8Multi-file Upload Queue
v-progress-9Monthly Budget Breakdown
v-radio-group-1Default
v-radio-group-10Plan picker with descriptions
v-radio-group-11Horizontal Layout
v-radio-group-12Shipping Options
v-radio-group-13Theme Selector
v-radio-group-14Availability Status
v-radio-group-15Billing Frequency
v-radio-group-16Showcase: simple, disabled and with descriptions
v-radio-group-2Disabled
v-radio-group-3With Description
v-radio-group-4Card Style
v-radio-group-5Colored Variants
v-radio-group-6With Legend
v-radio-group-7In Card With Description
v-radio-group-8In Card With Icons
v-radio-group-9Form Integration
v-rating-1Product review form with star rating
v-rating-2Average rating with star breakdown bars
v-rating-3Rating sizes, disabled and fractional read-only
v-rating-4Ten-point survey ratings
v-resizable-1Code editor layout with nested resizable panels
v-resizable-2Two horizontal panels
v-resizable-3Vertical panels with grip handle
v-resizable-4Mail layout with collapsible nav and saved sizes
v-scroll-area-1Default
v-scroll-area-10Code viewer
v-scroll-area-11Chat Feed
v-scroll-area-12Notification List
v-scroll-area-13Sidebar Navigation
v-scroll-area-14Server log viewer
v-scroll-area-15File Explorer
v-scroll-area-2With Scroll Fade
v-scroll-area-3Horizontal
v-scroll-area-4Horizontal with Scrollbar Gutter
v-scroll-area-5Both Directions
v-scroll-area-6Alphabetical contact list
v-scroll-area-7Task backlog list
v-scroll-area-8Wide data table
v-scroll-area-9Activity timeline
v-select-1Timezone select
v-select-10Theme select with descriptions
v-select-11With Disabled Options
v-select-12Region select with groups
v-select-13Priority with badges
v-select-14Items with Description
v-select-15Sort Order with Icons
v-select-2Sizes
v-select-3Grouped framework select
v-select-4Multiple selection for permissions
v-select-5Settings navigation with icons
v-select-6Currency select
v-select-7Form field with description
v-select-8Plan select with separator
v-select-9Country select with flags
v-separator-1Default
v-separator-10Profile card
v-separator-11Social Stats Bar
v-separator-12Activity sections
v-separator-13Footer Links
v-separator-14Settings list with descriptions
v-separator-15Toolbar with Separator Groups
v-separator-16Showcase: horizontal and vertical
v-separator-2Vertical
v-separator-3Settings menu dividers
v-separator-4Key-value list
v-separator-5Divider with label
v-separator-6Order summary
v-separator-7Breadcrumb dividers
v-separator-8Onboarding checklist
v-separator-9Grouped navigation sections
v-sheet-1Default
v-sheet-10Issue Detail
v-sheet-11Export Data Panel
v-sheet-12User Profile Viewer
v-sheet-13Support Contact Form
v-sheet-14Keyboard Shortcuts Reference
v-sheet-15API Key Manager
v-sheet-2Sheet with Inset
v-sheet-3Side Sheets
v-sheet-4Scrollable Content
v-sheet-5Shopping Cart
v-sheet-6Notification Center
v-sheet-7Team Invite
v-sheet-8Activity Log
v-sheet-9Navigation Menu
v-sidebar-1App shell with icon collapse, groups, badges and user footer
v-sidebar-2Docs navigation with collapsible sections (inset)
v-sidebar-3Floating right-side details panel with search
v-skeleton-1Default
v-skeleton-10Settings Page
v-skeleton-11Product Grid
v-skeleton-12Form Fields
v-skeleton-13Email Inbox
v-skeleton-14Kanban Board
v-skeleton-15Profile Hero Page
v-skeleton-2Skeleton only
v-skeleton-3Card component
v-skeleton-4Dashboard stats row
v-skeleton-5List with actions
v-skeleton-6Blog Article
v-skeleton-7Data Table
v-skeleton-8Sidebar Dashboard Layout
v-skeleton-9Chat Thread
v-slider-1Default
v-slider-10Session timeout with stops
v-slider-11Volume Control With Mute Toggle
v-slider-12Dual-Thumb Price Range
v-slider-13Hue Color Picker
v-slider-14Temperature Control
v-slider-15Display Settings Sliders
v-slider-16Showcase: single, range and disabled
v-slider-2With Label and Value
v-slider-3Disabled
v-slider-4With Reference Labels
v-slider-5With Tick Marks
v-slider-6With Dynamic Tooltip Indicator
v-slider-7Rating Slider With Emoji Feedback
v-slider-8Price range with labels
v-slider-9Three-band equalizer
v-sortable-1Task list with drag handles
v-sortable-2Drag-to-rank list
v-sortable-3Horizontal shortcut tabs
v-sortable-4Dashboard widget grid
v-sortable-5Kanban board with cross-column moves
v-spinner-1Default
v-spinner-10Step-by-step workspace loading
v-spinner-11Page Transition Overlay
v-spinner-12File Upload Progress
v-spinner-13Table Row Loading State
v-spinner-14Auth Form With Spinner
v-spinner-15Spinner Sizes
v-spinner-16Showcase: sizes, colors and in context
v-spinner-2Input Group
v-spinner-3In buttons
v-spinner-4Spinner in empty state
v-spinner-5Overlay loading spinner
v-spinner-6Full page loading state
v-spinner-7Inline loading text with spinner
v-spinner-8overlay on card
v-spinner-9Semantic color variants
v-stepper-1Checkout steps with back and continue
v-stepper-2Vertical onboarding checklist
v-stepper-3Compact dot progress with step count
v-stepper-4Jump back to finished steps
v-switch-1Default
v-switch-10Notification Delivery Channels
v-switch-11Plan Feature Toggles
v-switch-12Privacy Settings With Icons
v-switch-13Dark Mode Toggle Card
v-switch-14Required Agreement Switch
v-switch-15Do Not Disturb Mode
v-switch-16Showcase: states, sizes and descriptions
v-switch-2Description
v-switch-3Switch in different sizes
v-switch-4Switch group
v-switch-5Switch list in card with icons
v-switch-6Destructive switch with confirmation text
v-switch-7Compact settings table with switches
v-switch-8Switch with descriptions in card grid
v-switch-9Cookie Preferences Manager
v-table-1Default
v-table-10Audit Log
v-table-11Product inventory with stock level badges and quantity
v-table-12Invoice history with status badges and outstanding total
v-table-13Feature comparison table with checkmarks across plan tiers
v-table-14Server health monitoring with CPU and memory progress bars
v-table-15Contributor leaderboard with rank, avatar, and change indicator
v-table-2Card-style table
v-table-3Table in CardFrame
v-table-4Table in Frame
v-table-5Orders table with customer info and payment status
v-table-6Team members table with avatars, roles, and status
v-table-7Subscriptions table with plan badges and billing info
v-table-8Sortable API Endpoints
v-table-9Storage Usage with Progress Bars
v-tabs-1Default
v-tabs-10With Badge Counts
v-tabs-11With Icons And Line Variant
v-tabs-12Segmented Control Tabs
v-tabs-13Settings navigation with vertical underline tabs and profile form
v-tabs-14Code file viewer with per-file tabs and copy button
v-tabs-15Profile repository listing with badge counts per tab
v-tabs-16Pricing toggle between monthly and yearly billing with plan cards
v-tabs-17Dashboard metrics with icon tabs and stat card content panels
v-tabs-18Showcase: default, underline and vertical
v-tabs-2Underline Variant
v-tabs-3Vertical Orientation
v-tabs-4Underline with Vertical Orientation
v-tabs-5With Card and Input Element
v-tabs-6Underline Style
v-tabs-7Account settings tabs with card forms
v-tabs-8Underline and Vertical Orientation
v-tabs-9With Icons
v-tag-input-1Email invites with validation and paste support
v-tag-input-2Skills with suggested tags
v-tag-input-3Repository topics with a limit and counter
v-tag-input-4Small tag filter with icon
v-textarea-1Default
v-textarea-10Support ticket with category chips and message field
v-textarea-11Chat message composer with bubble thread and send on Enter
v-textarea-12Release notes editor with title input and publish action
v-textarea-13Showcase: description, error, disabled and sizes
v-textarea-2Sizes
v-textarea-3Disabled
v-textarea-4With Label
v-textarea-5With Description
v-textarea-6With Character Count
v-textarea-7Form Integration
v-textarea-8Auto-grow with live word and character count
v-textarea-9Write / Preview markdown toggle
v-time-picker-1Appointment slot with booked times disabled
v-time-picker-2Start and end time with duration
v-time-picker-324-hour quiet hours with a switch
v-timeline-1Pull request activity feed with avatars and icons
v-timeline-2Deployment history with status indicators
v-timeline-3Order tracking with compact dots
v-toast-1Default
v-toast-10Auto-progressing Deploy Pipeline
v-toast-11Anchored clipboard copy with tooltip-style toast
v-toast-12Team invite with per-row undo action
v-toast-13Background CSV export with download action on complete
v-toast-14Session expiry warning with live countdown and renew action
v-toast-15Unsaved changes reminder with save and discard actions
v-toast-2With Status
v-toast-3Loading
v-toast-4With Action
v-toast-5Promise
v-toast-6With Varying Heights
v-toast-7Submit Button with Error Toast
v-toast-8Staggered Notification Burst
v-toast-9Timeout Control
v-toggle-1Default
v-toggle-10Role Filter Chips with Live Count
v-toggle-11Bookmark toggle per article row with saved count
v-toggle-12Rich-text formatting toolbar with markdown preview
v-toggle-13Social post interactions with live like and repost counts
v-toggle-14Server settings toggles with icon swap and status color
v-toggle-15Task list with per-task priority flag toggles
v-toggle-16Showcase: variants, sizes, icons and states
v-toggle-2Toggle buttons with outline variant
v-toggle-3Toggle buttons in different sizes
v-toggle-4Toggle with button and icon
v-toggle-5Toggle with icon
v-toggle-6Toggle with notification count badge
v-toggle-7Toggle with icon swap on press
v-toggle-8Toggle with text label that changes
v-toggle-9Video Call Controls Bar
v-toggle-group-1Default
v-toggle-group-10Language picker with live code snippet preview
v-toggle-group-11Per-column sort direction control
v-toggle-group-12Issue priority picker with color-coded labels
v-toggle-group-13Date range quick-select with live stats grid
v-toggle-group-14Code viewer toolbar with multi-select options
v-toggle-group-15Zoom level control with live scale preview
v-toggle-group-16Showcase: single, multiple, outline and vertical
v-toggle-group-2Toggle groups in different sizes
v-toggle-group-3With Outline Toggles
v-toggle-group-4Vertical
v-toggle-group-5Multiple selection
v-toggle-group-6For text alignment
v-toggle-group-7View mode switching
v-toggle-group-8For color theme
v-toggle-group-9For pricing tier
v-toolbar-1Spreadsheet toolbar with alignment, number format and font
v-toolbar-10Block editor toolbar with block type and inline marks
v-toolbar-2Rich text editor toolbar with formatting and alignment controls
v-toolbar-3Image editor toolbar with transform, zoom, and export actions
v-toolbar-4Data table toolbar with search input, filter controls, and add row
v-toolbar-5Code editor toolbar with language select, word wrap, copy, and run
v-toolbar-6Document collaboration toolbar with edit/preview toggle and share
v-toolbar-7File browser toolbar with search, sort and view toggle
v-toolbar-8Canvas toolbar with theme toggle and zoom controls
v-toolbar-9Video call controls toolbar
v-tooltip-1Default
v-tooltip-10Color Palette Inspector
v-tooltip-11Copy to Clipboard
v-tooltip-12Feature Gate
v-tooltip-13Form field validation hints with info icon tooltips
v-tooltip-14System status dots revealing service name, uptime, and latency
v-tooltip-15Icon-only sidebar nav with label and description tooltips
v-tooltip-16Permissions matrix with role access details per cell
v-tooltip-17Deployment pipeline steps with status and detail per stage
v-tooltip-2Grouped Tooltips
v-tooltip-3Animated Tooltips
v-tooltip-4Placement
v-tooltip-5Info Icon
v-tooltip-6Rich Tooltip
v-tooltip-7Keyboard Shortcut Toolbar
v-tooltip-8Avatar Stack
v-tooltip-9Trend Metrics