<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](https://winduum.dev)

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.
