Built different.
Lit web components at the core, a custom code generator for every framework, zero-config theming.
Web Components First
Built on Lit, running on web standards. No proprietary abstractions — just custom elements that work everywhere.
Every Framework
React, Vue, Svelte, Angular, Solid, Preact — we built a custom code generator (Prism) that turns Lit components into typed, native wrappers for each framework.
Zero Config Theming
Dark mode, light mode, auto mode. Override any token with CSS custom properties. Ship a custom theme in minutes.
No Dependencies
Only Lit runtime. No bloated dependency trees, no version conflicts, no supply chain risk. Just your components.
Standalone CSS
Need zero JS? Use the HTML/CSS package for pure class-based components — perfect for server-rendered pages.
Accessible
WCAG 2.1 AA. ARIA roles, keyboard navigation, focus management, and reduced motion — all built in.
See it in action.
Every component below is a real ARC UI web component, rendering live on this page.
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.
import { Button, Card, Input, Toggle } from '@arclux/arc-ui-react';
function Settings() {
return (
<Card>
<span slot="heading">Preferences</span>
<Input label="Display name" placeholder="Your name" />
<Toggle label="Dark mode" checked />
<Button variant="primary">Save Changes</Button>
</Card>
);
}Start shipping with ARC UI.
Install in seconds. Build in minutes. Ship production-ready interfaces that look incredible out of the box.