ARC UI ARC Radiant Components
v3.2 Docs Components Tokens Synthesizer
v3.2 Server rendering for every component, and utilities that read your tokens See what's new

Components that glow.

182 dark-first components, written once as standard Web Components and generated into native packages for seven frameworks. Change framework without changing your design system.

Get Started Explore Components

One component. Seven dialects.

Prism generates a real, typed package per framework from one Lit source. Hand-written wrappers: zero.

Yours, all the way down.

Override four tokens and every gradient, glow and focus ring follows. The utility classes read the same tokens, so your layout moves with them.

Accent
Spacing --space-md: 16px
Radius --radius-lg: 14px
theme.css live
:root {  --accent-primary: #4d7ef7;  --accent-primary-rgb: 77, 126, 247;  --accent-secondary: #9466ff;  --accent-secondary-rgb: 148, 102, 255;}

That file is the entire theme, applied to this page for real — compound tokens reference these four, so every gradient, glow and focus ring follows. Build yours →

Workspace Pro
Invite

272 utility classes and every component read the same tokens — spacing and radius here move only this card, exactly the way a scoped override would in your app. Utilities →

Every push runs the gauntlet.

The real CI gates on this repository, under their real names.

182
Components
714
Tests
213
Design Tokens
26
Build Steps
  • Generated files match source 0 diffs
  • Component tests 714 tests
  • SSR render check 207/207
  • axe-core audit 0 serious
  • Typecheck generated declarations every subpath
  • Smoke-test packed tarballs every package

APG patterns, focus management and reduced motion are built per component. Accessibility →

Install in seconds. Build in minutes. Production-ready out of the box.

Get Started View on GitHub