Skip to content

Var UI

An open-source design system built on TypeStyles and React Aria Components. Explore the docs, browse components, or learn about theming from the navigation above.

Invite a teammate

Role

Deploy queued

Waiting for the previous build to finish.
BetaStable
Build progress72%
Syncing

Notification preferences

Frequency

Applies instantly.

No projects yet

Create your first project to get started.

Release notes

Published

Themes pin fixed-tone subtrees with modes and data-surface (SURFACE_ATTRIBUTE). See the theming guide for details.

tsx
import { Button } from '@var-ui/react';

Design team

ALGHAT+14 members
Cover previewIcon preview
All files

Browse every asset in the workspace.

24 files

Onboarding

Scroll-snap slide.

Billing

Scroll-snap slide.

Reports

Scroll-snap slide.

Integrations

Scroll-snap slide.

Security

Scroll-snap slide.

Layout preview

A

Cell

B

Cell
You're on the Free planUpgrade for unlimited projects and priority support.

Explore

  • Documentation — installation and getting started guides
  • Components — live demos for every exported component
  • Theming — tokens, themes, and color modes