Open Source · Zero Dependencies · Zero Build Step

Mini Tailwind
for the web.

Chai-CSS-Mini_Tailwind ships 1,200+ utility classes as a runtime engine. Drop in one script tag, write chai- prefixed classes, and watch styles apply instantly — no PostCSS, no JIT, no config.

Try Playground GitHub npm icon View in NPM
1,200+ Utility Classes
0 Build Steps
~3kb Gzipped
MIT License
scroll
Runtime Parser
Scans the DOM at load time and applies inline styles. No PostCSS, no JIT compiler, no configuration file.
chai- Namespace
Every utility lives under the chai- prefix. Zero class name collision with your existing stylesheets.
1,200+ Classes
Spacing, layout, typography, flexbox, grid, transforms, filters, animations, SVG, scroll snap, and more.
Installation

Get started in seconds.

Install via npm for module-based projects, or drop a CDN script tag into any HTML page.

npm 
# npm
npm i @chakrabortyrajarshi2005/chai-tailwind-css

# yarn
yarn add @chakrabortyrajarshi2005/chai-tailwind-css

# pnpm
pnpm add @chakrabortyrajarshi2005/chai-tailwind-css
ESM Usage 
<!-- just drop this before </body> -->
<script src="https://cdn.jsdelivr.net/npm/@chakrabortyrajarshi2005/chai-tailwind-css@1.0.1/dist/chai.min.js"></script>
CDN

Zero install. One line.

Works in any HTML page, CodePen, JSFiddle, or static site. No npm, no bundler.

jsDelivr CDN 
<!-- Add before </body> -->
<script
  src="https://cdn.jsdelivr.net/npm/chai-css/dist/chai.min.js"
></script>
HTML Usage 
<!-- Then use chai- classes freely -->
<div class="chai-p-16 chai-fontSize-18 chai-rounded-8">
  Hello, chai-css!
</div>

<div class="chai-display-flex chai-gap-12 chai-alignItems-center">
  Flex container
</div>
Live Playground

Beta - some classes may not work yet

0 classes 0 props
CLASS
Preview Element
type chai- classes above · press Enter to apply

no styles applied yet

ready chai-css
Copied!