ARC UI ARC Reactive Components
Docs Components Tokens Synthesizer
v2.1.0
v2.0 ARC UI 2.0 is here

Components that glow.

152 production-ready UI components built on Lit. One source of truth, seven framework targets — React, Vue, Svelte, Angular, Solid, Preact, and vanilla JS.

Get Started Explore Components

Version 2.0 highlights.

14 New Components

Sparkline, Diff, Comparison, Countdown, and more — purpose-built for data-rich interfaces.

Theme Presets

Ship with built-in themes or generate your own with the Theme Synthesizer.

Semantic Tokens

160+ design tokens with semantic naming — override two base tokens to retheme everything.

Visual Elevation

Glow effects, ambient gradients, and smooth transitions — every component feels alive.

Full changelog
Components
Frameworks
Dependencies
Design Tokens

Built different.

Lit web components at the core, a custom code generator for every framework, zero-config theming.

See it in action.

Every component below is a real ARC UI web component, rendering live on this page.

Buttons
Primary Secondary Ghost Outline Link
Badges & Tags
Primary Success Warning Error React Vue Svelte
Inputs
React Vue Svelte
Feedback
Informational alert Operation successful
Toggles & Checks
Navigation
Overview content Settings content Activity content Home Docs Components
Data
Accordion
Install with npm or use the CDN for instant setup. Override CSS custom properties to match your brand. WCAG 2.1 AA compliant with full keyboard support.
See all 152 components

Ship in minutes.

Import, use, done. Every component is self-contained with styles, accessibility, and theming built in. No configuration files, no global CSS conflicts, no boilerplate.

TypeScript types included
Tree-shakeable imports
SSR compatible
CDN ready — no build step

One source. Seven targets.

Lit Web Component
React Vue Svelte Angular Solid Preact HTML / CSS

Install in seconds. Build in minutes. Ship production-ready interfaces that look incredible out of the box.

Get Started View on GitHub