Minimal by Nature

KairoCSS is a single-file classless stylesheet that enhances semantic HTML by default.

"Good design is as little design as possible." - Dieter Rams

How to Use

Include the stylesheet:
<link rel="stylesheet" href="https://kairocss.nnisarg.in/kairo.css">
Set your colors:
<style>:root { --primary: #5d6dff; --secondary: #ff7800; }</style>

Sites Using KairoCSS

Want to be listed? Open a pull request .

Showcase

The framework provides balanced defaults for common semantic elements.

Form Elements

Theme

Features

  • Lightweight (under 15KB)
  • Responsive defaults
  • Readable typography

Element Support

Element Styled
Buttons ✔
Forms ✔
Typography ✔

Status Elements

Loading:

Performance: 85%

Output: Success

Why minimal?

Good defaults reduce complexity.

Media Elements

The layout adapts media cleanly.

example styling
A consistent baseline for media elements.

Embeds

Example embed:

Join the Journey

The project is open-source and contributions are welcome.

Source Code