The React edition

This edition ships 83 of 83 component families, and 53 of them are drawn below from @viliha/vui-react. The counts are derived from the package rather than typed here, so this page cannot claim a family that does not ship.

  • accordion

    Free above 50, three days.

  • alert

  • aspect-ratio

  • avatar

    AI

  • badge

    Active

  • breadcrumb

  • breadcrumbs

  • button

  • calendar

    August 2026

  • card

    Northwind Traders

    Trialing until 4 September

    Eleven branches across two markets.

  • checkbox

  • command

  • command-palette

  • confirm-dialog

  • data-table

    Invoices
    Northwind Traderspaid2026-01-01T00:00:00.000Z250
    Contosopending2026-02-08T00:00:00.000Z387
    Fabrikamoverdue2026-03-15T00:00:00.000Z524
    Adventure Workspaid2026-04-22T00:00:00.000Z661
    Tailspin Toyspending2026-05-02T00:00:00.000Z798
    Wide World Importersoverdue2026-06-09T00:00:00.000Z935
    Prosewarepaid2026-07-16T00:00:00.000Z1072
    Northwind Traderspending2026-08-23T00:00:00.000Z1209

  • data-table-panel

    Invoices

    Every invoice raised this quarter.

    Invoices
    Northwind Traderspaid2026-01-01T00:00:00.000Z250
    Contosopending2026-02-08T00:00:00.000Z387
    Fabrikamoverdue2026-03-15T00:00:00.000Z524
    Adventure Workspaid2026-04-22T00:00:00.000Z661

    Showing 1 to 4 of 8

  • dialog

  • empty-state

    No Invoices Yet

    Invoices appear here once you send one. Nothing has been billed on this account.

  • error-state

  • field-grid

    Shown on the invoice.

  • filter-field

  • input

  • kbd

    ⌘K

  • label

  • menu

  • org-switcher

  • organization-profile

    None

  • page

    The page body scrolls; the header does not.

  • password-input

  • profile-form

    General

    Customer
    Northwind Traders
    Status
    paid
    Issued
    Thu Jan 01 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

  • button-group

  • list

    • Northwind Retail
    • Sakura Foods
    • Alpine Logistics

  • spinner

    Loading

  • page-header

    Orders

  • progress

  • radio-group

  • record-field

  • record-form

    General

    Customer
    Status
    Issued

  • record-view

    All Invoices
    1–8 of 8
    		NameActions

  • required-mark

  • scroll-area

    A long region that scrolls inside its own frame.

  • separator

  • skeleton

  • steps

    1. AccountWho you are
    2. 2OrganizationWhere you work
    3. 3Done

  • stepper

  • switch

  • table

    OrganizationCountryEmployees
    Acme IndustrialGermany1,204

  • tabs

    Eleven branches, two markets.

  • tanstack-chart

  • textarea

  • toggle

  • toggle-group

  • wizard

    1. Account
    2. 2Organization
    3. 3Done

    Organization

    Where you work.

Ships, no live example here (30)

Importable from @viliha/vui-react today. Listed rather than omitted: a gallery that shows only what it can draw looks complete and is not.

  • alert-dialog — the shared example is the HTML edition's native fallback, not this edition's component
  • auth-context — no example in the shared set yet
  • cascading-combobox — the shared example is the HTML edition's native fallback, not this edition's component
  • chart — the shared example is the HTML edition's native fallback, not this edition's component
  • code — no example in the shared set yet
  • collapsible — the shared example is the HTML edition's native fallback, not this edition's component
  • combobox — the shared example is the HTML edition's native fallback, not this edition's component
  • config — no example in the shared set yet
  • date-field — the shared example is the HTML edition's native fallback, not this edition's component
  • dropdown-menu — the shared example is the HTML edition's native fallback, not this edition's component
  • form — no example in the shared set yet
  • form-actions — the shared example is the HTML edition's native fallback, not this edition's component
  • hover-card — the shared example is the HTML edition's native fallback, not this edition's component
  • input-otp — the shared example is the HTML edition's native fallback, not this edition's component
  • multi-combobox — the shared example is the HTML edition's native fallback, not this edition's component
  • page-chrome — no example in the shared set yet
  • card-fields — no example in the shared set yet
  • popover — the shared example is the HTML edition's native fallback, not this edition's component
  • carousel — no example in the shared set yet
  • pagination — no example in the shared set yet
  • select — the shared example is the HTML edition's native fallback, not this edition's component
  • sheet — the shared example is the HTML edition's native fallback, not this edition's component
  • slider — the shared example is the HTML edition's native fallback, not this edition's component
  • sonner — no example in the shared set yet
  • status-field — no example in the shared set yet
  • time-field — the shared example is the HTML edition's native fallback, not this edition's component
  • video-embed — no example in the shared set yet
  • theme-provider — no example in the shared set yet
  • toast — the shared example is the HTML edition's native fallback, not this edition's component
  • tooltip — the shared example is the HTML edition's native fallback, not this edition's component