WinduumSmall and modest CSS component library

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

💡️

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