Zero-Build
CSS
Transformation.
The utility-first framework that lives in the browser. KataCSS
picks
kata-*
class runtime, injecting inline styles dynamically without a build
step.
Package Manager
$ npm install kata-css
// import into your entry file
import "kata-css";
// import into your entry file
import "kata-css";
CDN
<script
src=
"https://cdn.jsdelivr.net/
npm/kata-css@latest/dist/kata.js"></script>
"https://cdn.jsdelivr.net/
npm/kata-css@latest/dist/kata.js"></script>
KATA·CSS · ZERO CONFIG · NO RUNTIME
· JUST CLASSES · FLEXBOX ·
DISPLAY · TYPOGRAPHY · SPACING ·
CHAI COLORS · POSITION · BORDER
· AND MORE
01
Runtime Transform
A utility-first framework that runs in the browser. KataCSS reads
kata-*
classes at runtime and injects styles instantly—no build step
required.
02
No Setup Needed
Drop it in and start coding. No build steps, no config files, no
PostCSS, no purge setup. One script tag.
03
CDN Ready
Serve via jsDelivr or npm. Works in static HTML, React, Vue,
Svelte — anywhere you write a class attribute.
04
Chai Color Scheme
50+ color tokens named after real chai and tea varieties. A
ChaiCode cohort original. Works with text, bg, and border.
Package Manager
npm install kata-css
Then import "kata-css" in your JS entry file. Self-executes. No
setup needed.
Direct Script
<script
src="https://cdn.jsdelivr.net/npm/kata-css@latest/dist/kata.min.js"></script>
Best for rapid prototyping and static sites. Works with zero
Node.js.