Getting started - Developer documentation

@juo/customer-ui provides framework-agnostic web components built on the Shadow DOM. The components integrate with any HTML page or framework — no build step required for the CDN path.

Installation

CDN
npm / ESM

Add a single script tag to your page. All <juo-*> elements become available immediately.

<script src="https://cdn.jsdelivr.net/npm/@juo/customer-ui@next/dist/web-components.iife.js"></script>

npm install @juo/customer-ui

Call defineCustomElements() once at your app entry point:

import { defineCustomElements } from "@juo/customer-ui/web-components";
defineCustomElements();

Theming

Components read design tokens from CSS custom properties on :root. Override any token to customize component appearance:

:root {
  --theme-accent-600: oklch(52% 0.20 265);
  --theme-radius: 6px;
}

See Design Tokens for the full token reference.

​Installation

​Theming

Installation

Theming