A zero-setup runtime CSS engine with built-in components and a beautiful chocolate design system. One script tag. No config. Ships today.
https://unpkg.com/chai-choco-tailwind"></script>Stop spending hours on setup. Start building what matters.
chai-choco-* class it finds in the DOM.<head> instantly. Your UI is styled. Nothing else needed.<!-- Add to <head> -->
<script src="https://unpkg.com/chai-choco-tailwind"></script>
<!-- Use classes anywhere -->
<button class="chai-choco-btn">
Hello World
</button>
# Install the package
npm install chai-choco-tailwind
// Import in your entry file
import "chai-choco-tailwind";
// App.jsx — import once at the root
import "chai-choco-tailwind";
export default function App() {
return (
<div className="chai-choco-container chai-choco-py-12">
<div className="chai-choco-card">
<h1 className="chai-choco-font-bold chai-choco-text-24">Hello Chai Choco</h1>
<p className="chai-choco-text-muted">Zero setup, instant UI.</p>
<button className="chai-choco-btn">Get Started</button>
</div>
</div>
);
}
Deep-dive into the docs, browse real demos, or contribute on GitHub.