Rapidly build modern websites at runtime.

Chai is a lightweight, utility-first CSS engine that runs directly in the browser. No Node.js required, no build step, no configuration out of the box. Just write HTML and see it styled instantly.

Get started GitHub

index.html (Live)

Build anything

Everything you need, directly in your HTML

Chai uses the exact same mental model as Tailwind. Constraint-based design, state variants, and responsive prefixes all work at runtime.

Constraint-Based Design: A predefined scale for colors, spacing, and typography ensures consistency across your entire project.
State Variants: Style your elements on hover, focus, and active states simply by prefixing the utility.
Responsive Design: Build fully responsive layouts using `sm:`, `md:`, `lg:` prefixes without writing custom media queries.

Resize window to see columns change