A lightweight, zero-build CSS utility engine. Skip the compilers and watch as ChaiWind parses your node tree to inject OkLCH colors and responsive tokens directly into your markup.
Everything you need to build stunning interfaces instantly, powered by DOM parsing.
Traverses the node tree instantly. By slicing class strings and mapping to object keys, the engine scopes styles exactly where they belong.
Comes strapped with a beautifully crafted color system out of the box, ensuring perceptually uniform palettes for deep dark modes.
Map layouts directly to standard pixel intervals or viewport units with absolute precision using standard mapping arrays.
No postcss.config.js, no tailwind.config.js. Just link the `chaiWind.js` script tag and start writing utility classes.
Instead of appending massive stylesheets, the script writes directly to the style attribute, keeping CSS payloads nonexistent.
Works in vanilla HTML, React, Vue, or Svelte. Because it queries the DOM directly, it plays nicely with any rendering framework.
How ChaiWind stacks up against the giant.
| Feature Area |  ChaiWind |
💨 Tailwind CSS |
|---|---|---|
| Architecture | Client-side DOM Parser (Runtime) | PostCSS Compiler (Build time) |
| Style Delivery | Injected via Inline style |
External generated .css file |
| Configuration | Zero setup. Import script and go. | Requires node modules & config file |
| Pseudo-classes (:hover) | Not natively supported via inline CSS | Fully supported out of the box |
| Performance Truth | Heavier on JS thread on initial load | Zero JS overhead. Pure CSS rendering |