Zero dependency · Drop-in script

Style anything with
chai-* classes

A lightweight utility-first CSS library inspired by Tailwind CSS. No build step, no config — just drop one <script> tag and go.

Add to your HTML <head> CDN Ready

<script defer src="https://chai-tailwind.pages.dev/chai-mini-tailwind.js"></script>

example.html — usage

<script defer src="https://chai-tailwind.pages.dev/chai-mini-tailwind.js"></script>

<div class="chai-p-6 chai-bg-gray-900 chai-rounded-xl chai-shadow-lg">
  <h1 class="chai-text-orange-500 chai-font-bold chai-text-3xl">
    Hello, Chai! ☕
  </h1>
  <p class="chai-text-gray-400 chai-m-t-2">Utility styles, zero config.</p>
</div>

Property Explorer

Select a property

← Pick a property from the left to explore its classes