Minimal by Nature
KairoCSS is a single-file, classless stylesheet that brings harmony to semantic HTML. No classes. No setup. Just drop it in and everything looks right.
"Good design is as little design as possible." - Dieter Rams
To use KairoCSS, add this link to your HTML:
<link rel="stylesheet" href="https://kairocss.nnisarg.in/kairo.css">Then set your accent color:
<style>:root { --primary: #6b75e6; }</style>Sites Using KairoCSS
Projects already adopting KairoCSS for clean, semantic interfaces:
If your site uses KairoCSS, you can open a pull request to add it here.
Showcase
Every element is designed to look balanced without additional classes. Kairo keeps your HTML clean and your design consistent.
- Lightweight - under 15KB
- Responsive by default
- Built for readability
| Element | Styled |
|---|---|
| Buttons | ✔ |
| Forms | ✔ |
| Typography | ✔ |
Loading demo:
Performance:
Output:
Why minimal?
Because good defaults make everything simpler.
Media Elements
Kairo also handles media elegantly - images, videos, and embeds scale cleanly inside layouts.
Need to embed a demo or documentation?
Join the Journey
KairoCSS is open-source, simple, and forever free. Contributions and ideas are welcome.