DEV Community

Cover image for TailwindCSS vs. UnoCSS

TailwindCSS vs. UnoCSS

MapleLeaf on May 01, 2023

I’m a long time TailwindCSS user and a huge fan of utility CSS in general. I’ve rarely felt a strong need to switch, but UnoCSS has been on my mind...
Collapse
 
spock123 profile image
Lars Rye Jeppesen

Great stuff

Collapse
 
vtenoris profile image
Enes Çakır

Thanks for article

Collapse
 
jacobmgevans profile image
Jacob Evans

Love the article Maple, great work!

Collapse
 
dreyfus92 profile image
Paul Valladares • Edited

I've been looking the key differences between UnoCSS and Tailwind for some time and reading this helped me get it. Thanks for sharing this article Maple.

Collapse
 
msnisha profile image
Nish

I like the tailwind for the nice colour choices and fan of the Refactoring UI book. But not very comfortable with using the utility classes as it doesn't bring advantage when we have to change style if we change the utility class name in all html. I prefer component style classes as we could change the styles in single place instead of going and changing the utility class in all html to apply a different style. It is just my opinion.

Collapse
 
lyqht profile image
Estee Tey

Learnt new stuff in this article, thank you for writing this!

On a side note though, my company project has had no issues trying to autocomplete custom classes that we add into the tailwind config within Vue's HTML template though. Perhaps it's powered by VSCode TailwindCSS extension?

Collapse
 
machy8 profile image
Vladimír Macháček • Edited

I just add a link here to Stylify CSS for those that may be looking for an alternative to both of these with smaller learning curve and CSS-like selectors 😅🤟

Collapse
 
dev_geos profile image
Dev Geos

In the same genre as the 2, there is modcss. unlike tailwind and unoCss, it only uses arbitrary values ​​on its properties which is very convenient.
it also has a fully parametric grid system with n columns.
Le site
Le github

Collapse
 
ninjanordbo profile image
ninjanordbo

Good article 👍

Collapse
 
javed profile image
Javed

Also from my side, thank you for that effort

Collapse
 
ashishk1331 profile image
Ashish Khare😎

So the main difference between Tailwind and Uno is extensibility. Hmm?
Could you shed some more light on internal working engines of both?

Collapse
 
obere4u profile image
Nwosa Tochukwu

Thanks for sharing, learned something new.. first time knowing about UnoCss

Collapse
 
wubaodong777 profile image
wubaodong

Thanks

Collapse
 
akashpattnaik profile image
Akash Pattnaik

Thanks a lot for opening us to UnoCSS. Will surely give this a try now over tailwindcss.