UTILITY-FIRST · VANILLA JS · ZERO DEPS

Write classes.
Get styles.
Ship faster.

ChaiUI parses your HTML classes at runtime and applies styles directly no build step, no framework. Just a single JS file and your imagination.

01

Drop the script

One script tag. Zero configuration. Instant styling ecosystem.

02

Add classes

Use chai-* on any element. Mix hex colors and sizes freely.

03

Ship it

The DOM scans on load. Your styles are injected in milliseconds.

<!-- Instant Runtime Styling -->
<div class="chai-bg-[#097FE8] chai-p-8 chai-rounded-12">
  <h1 class="chai-text-white chai-bold">Hello ChaiUI</h1>
</div>

Get Started 

<script src="https://unpkg.com/chaiui-js"></script>
<script>
  ChaiUI.init();
</script>

Or install via npm: 

npm install chaiui-js