Not a UI kit. A lightweight, native JavaScript framework that evaluates Hindi/Hinglish utility classes on the fly. Build your own interface without the build step.
npm i kulhadcss
Zero dependencies. No build steps. Loads faster than a fresh kulhad of tea.
Compose expressive UIs directly in your markup using pure Hindi/Hinglish logic. No context switching.
Built-in MutationObserver. Add classes dynamically in React or Vanilla JS, and watch them style instantly.
No complex CSS. Just standard logic translated into beautiful desi semantics.
class="milkar milap-kaise-door khada-milap-beech"
class="jaali-hai jaali-cols-3 faasla-2"
Beautiful italics with perfect line spacing.
class="likhai-size-28 likhai-vazan-zyada"
class="lakheer-1 ghumaav-4 parchaayi-4"
No massive components. Unified visual concepts for standard real-world requirements, composed dynamically.
A perfect blend, served fresh. Enjoy desi flavors in every sip.
<div class="milkar faasla-4">
<span class="likhai-size-18 likhai-rang-sienna">₹150</span>
<h3 class="likhai-vazan-zyada likhai-rang-saddlebrown">Masala Chai</h3>
</div>
Subscribe to get the latest KulhadCSS utilities delivered to your inbox.
<div class="milkar faasla-2">
<input class="ghera-x-3 lakheer-1" placeholder="Email">
<button class="rang-piche-sienna">Judein</button>
</div>
<div class="milkar milap-kaise-door">
<div class="ghumaav-gol rang-piche-saddlebrown"></div>
<span class="likhai-vazan-bhaari">Rachit</span>
</div>
No bundlers or complex configs required. Just plug, play, and start writing desi classes.
Drop this into your terminal to get the latest batch.
npm install kulhadcss
Import the script as a module in your HTML `<head>`.
<script type="module" src="https://unpkg.com/kulhadcss"></script>
Just start typing classes. The MutationObserver handles the rest.
<h1 class="likhai-size-32 likhai-rang-sienna milkar beech">
Namaste World!
</h1>