~12kb runtime · no config · works anywhere

Write Tailwind-style CSS.
Skip the config.
Skip the build.

Styles appear instantly — no setup, no waiting. A lightweight runtime engine that interprets your utility classes on the fly.

$ npm i chai-tailwind-lemi

<div class="p-8 bg-surface-container-high rounded-xl flex items-center gap-4 hover:scale-105 transition-all">

Instant feedback loop.

</div>

bolt

Live Result

Styled in runtime

This shouldn’t be this hard.

Modern styling often requires complex PostCSS chains, build steps, and config files that grow into monsters. ChaiTailwind removes that friction. No build step, no purge configuration, no waiting for the compiler. Just write classes and move on.

memory

Runtime CSS Engine

An ultra-lightweight observer that watches your DOM and injects styles dynamically. No pre-processing required.

Dynamic Injection Zero Delay
settings

No Config

Forget tailwind.config.js. Every standard utility and arbitrary value works out of the box.

responsive_layout

Fully Responsive

Native support for all breakpoints (sm, md, lg, xl, 2xl) without any extra setup.

Arbitrary Values

Use exact values for anything. Need w-[437px]? It just works. ChaiTailwind parses and generates the CSS on the fly.

<div class="bg-[#ff0055] p-[2.3rem]">
// Dynamically generated
.bg-\[\#ff0055\] { background: #ff0055; }

Zero to Styled in seconds

The simplest integration path in the ecosystem.

download

1. Install

Add the tiny library via npm or a simple CDN script tag.

edit_note

2. Use classes

Write HTML with your favorite Tailwind classes. No restriction.

auto_fix_high

3. Style Instantly

The engine detects classes and injects CSS into the head.

Live Runtime Demo

See how the engine interprets code in real-time.

Runtime: Active
code index.html
Current class: flex items-center gap-6 p-8 bg-surface rounded-2xl border border-outline-variant/10 shadow-lg relative z-10 w-full max-w-sm

Fast.

No build required.

Dynamic Hover states

Scale + Rotate
Fade Out
Slide
Color Shift
Feature Standard Tailwind ChaiTailwind ⚡
Build Process Required (PostCSS/Vite) None. Just Runtime.
Config File Required Optional (Auto-detected)
Feedback Loop Compile & Refresh Instant DOM update
Bundle Size Variable (Purged) Fixed ~12kb

Try it. Takes less than 30 seconds.

Stop fighting your build tools. Start building your product with the most flexible CSS engine ever designed.

npm install chai-tailwind-lemi View on GitHub star