-
UnoCSS unlike other css frameworks is a css engine without any utility css of it's own, rather it uses different css framework's presets. They generally work with build tools and after mentioning the preset you like you can use that framework's classes in your projects right away. Guess what, you can give any number of presets or write your own preset and use it with UnoCSS. And like Windi CSS they use the on demand way of generating css. I am using next js in this website so the build tool used in next is webpack, also I was using tailwind with postcss previously, so the migration looks something like this,
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
As you can see from the above code, we have separate css for each value of padding. So instead of defining css manually everytime, you can simply define these helper css or use an existing css utility framework. I've been working with a lot of such utitlity frameworks, and people have their own utilty css'. Some of the famous css utility frameworks are Tailwind Css, Windi Css and Tachyons etc. So basically these utility frameworks will have a list of helper classes which provide basic css functionalities.
-
As you can see from the above code, we have separate css for each value of padding. So instead of defining css manually everytime, you can simply define these helper css or use an existing css utility framework. I've been working with a lot of such utitlity frameworks, and people have their own utilty css'. Some of the famous css utility frameworks are Tailwind Css, Windi Css and Tachyons etc. So basically these utility frameworks will have a list of helper classes which provide basic css functionalities.
