Frameworks

Overview

The core @arclux/arc-ui package contains Lit-based custom elements that work in any environment. Our code generator, Prism, parses the Lit source and produces a framework-native wrapper package for each framework:

• Proper event binding (e.g. React's synthetic events)
• TypeScript type definitions
• Idiomatic imports for each framework
• SSR compatibility where supported

React

Published as @arclux/arc-ui-react — install it alongside the base stylesheet:

React wrappers use @lit/react createComponent under the hood, which handles event binding and ref forwarding automatically.

Vue

Published as @arclux/arc-ui-vue — install it alongside the base stylesheet:

Svelte

Published as @arclux/arc-ui-svelte — install it alongside the base stylesheet:

Angular

Published as @arclux/arc-ui-angular — install it alongside the base stylesheet:

Add the stylesheet to your global styles, then import the standalone components:

Solid

Published as @arclux/arc-ui-solid — install it alongside the base stylesheet:

Preact

Published as @arclux/arc-ui-preact — install it alongside the base stylesheet:

Vanilla JS / CDN

No framework needed — use the core Web Component package directly:

Or via CDN with no build step: