Why Windi CSS? 🤔
A quote from the author should illustrate his motivation to create Windi CSS:
When my project became larger and there were about dozens of components, the initial compilation time reached 3s, and hot updates took more than 1s.
Everything you know and love about Tailwind CSS, plus:
It detects utilities and directives in your CSS, and process them on demand, which greatly improves the compilation speed. Windi only loads the CSS you use, no purging required!
😎 Auto-Inferred Variables and Variants
No need to configure custom variables like numbers, sizes, scores, and colors. Windi CSS will automatically generate them based on the class semantics.
For example, if you use
p-3.2, it will become available and work as you would expect.
✅ Native Cross-Browser Support
The generated CSS for all utilities is already cross-browser compatible, so there is no need to use autoprefixer unless you want to.