UI Framework at a glance
A lightweight token-driven component library. Zero dependencies, no build step. Drop in ui.css and the optional plugin scripts to get instant access to buttons, cards, modals, toasts, and much more.
Bundle size
~18 kB
Components
30+
Dependencies
0
Installation
Add these two lines to your <head> and you're ready:
<link href="ui.css" rel="stylesheet">
<script defer src="ui.js"></script>
Add individual plugin scripts as needed: ui-modal.js, ui-toast.js, ui-tabs.js…
Customising tokens
Every design decision is a CSS custom property. Override them in a :root block:
:root {
--color-primary: #7c3aed;
--ui-border-radius-m: 0.5rem;
--ui-font-family-base: 'Inter', sans-serif;
}