Utility-First Engine

Futuristic Utility-First Styling Engine

Write styles directly in your HTML using chai-* classes.

Get Started

Feature / Demo

Copy utilities instantly

chai-p-6
Spacious padding preview
chai-flex
chai-bg-[#f5f5f7]
Light contrast surface
chai-border-[1px]
Border utility preview

Playground

Enter chai classes (space-separated) and see live preview.

Live preview surface

Style Tags

Spacing Flex Colors Borders

Spacing: chai-p-4

Padded box

Flex: chai-flex chai-gap-2

Colors: chai-bg-[#f5f5f7]

Color preview

Border: chai-border-[1px]

Border preview