<p align="center"> <a href="https://stackblitz.com/github/winduum/winduum/tree/main" target="_blank" rel="noopener noreferrer"> <img width="180" src="https://raw.githubusercontent.com/winduum/winduum/main/logo.svg" alt="Logo"> </a> </p> <p align="center"> <a href="https://npmjs.com/package/winduum"><img src="https://img.shields.io/npm/v/winduum.svg" alt="npm package"></a> <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/winduum.svg" alt="node compatility"></a> </p>

🎨 Winduum

Modern, modular, small modest CSS component framework build on top of TailwindCSS

• 💡 Modern and progressive
• 📦 Modular and customizable
• ✨️ Accessible web standards
• 🧩 Framework agnostic
• 🎨 Extends TailwindCSS
• 🚀 Small and fast

Winduum is a mix of words Tailwind (Popular CSS utility framework) and Tuum (Estonian word for "core").<br>

It essentially provides ways to leverage use of CSS properties as much possible and do more in CSS. Because we ❤️ CSS and this is a small modest CSS component framework.

Its approach to TailwindCSS is a little different. It encourages to write components in CSS or other (pre/post)-processors and to use utility classes to enhance the components.

As a CSS framework it provides beautifully styled accessible components. Which you can extend with your own components.