GitHubGitHub

Getting started

Installation

Add 4ui to a Svelte 5 project, import the token layer once, and compose public exports.

Install

pnpm add @chanrg/4ui

Load the styles

@import '@chanrg/4ui/styles.css';

Use a component

<script lang="ts">  import { Button, KpiCard } from '@chanrg/4ui';</script><Button>Deploy</Button><KpiCard label="Yield" value={94.2} unit="%" />

Package publishing is intentionally outside V1. Until the package is published, consume it from the repository or a workspace dependency.