Installation

UX Components

Semantic CSS component library compiled with Tailwind v4. Zero dependencies for consumers.

Quick Start

Option A: Semantic classes (recommended)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ERPlora/ux@3/dist/ux.min.css">

<button class="btn btn-primary">Save</button>

Option B: Tailwind utilities

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ERPlora/ux@3/dist/tw.min.css">

<button class="inline-flex items-center justify-center h-11 px-4
               bg-primary text-primary-content rounded-lg font-semibold
               hover:brightness-95 active:scale-[0.97] transition-all">Save</button>

Option C: Both combined

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ERPlora/ux@3/dist/ux-full.min.css">

<button class="btn btn-primary mt-4">Save</button>

Three CSS Files

File	Content	Usage
ux.min.css	Semantic classes + tokens	class="btn btn-primary"
tw.min.css	Tailwind utilities + tokens	class="inline-flex bg-primary..."
ux-full.min.css	Both combined	Mix semantic + utilities