Winduum

Small and modest CSS component library

Components in plain CSS, TailwindCSS for utility classes. Leverages the use of modern CSS as much possible.

Get Started

About Winduum

View on GitHub

💡️

Modern and progressive

Leverages the use of modern CSS syntax, such as CSS properties, modern pseudo selectors, modern CSS reset, nesting, low specificity, color-mix, view transitions and more.

📦️

Modular and customizable

Each component is written in plain CSS, so you can copy and paste it, or import it from npm and customize it with CSS properties.

✨️

Accessible web standards

Components are accessible and based on web standards. You can built upon them to make a complex UX/UI project. Modern approaches like <dialog>, [popover] or <details> are leveraged.

🧩

Framework agnostic

Everything is written in plain CSS and JS, so you can use it with any framework you want. You can also use pre-build components for Vue etc. TailwindCSS is optional, but it's recommended.

🎨

Extends TailwindCSS

Adds a plugin for TailwindCSS which adds new handy utilities and CSS properties. You don't even need to use TailwindCSS, but is recommend for full experience.

🚀

Small and fast

Doesn't reinvent the wheel, many components are using existing optimized standards. So the focus is that the final javascript code is minimal!

Winduum ❤️ CSS