Tailwind is battle tested. Making responsive designs is really nice, more powerful than Bootstrap 4’s grid. Focus and hover styles are simple. Encourages you to reuse CSS instead of writing new code and think about what elements can be consistent. Works with server-side rendering easily. Performant. Compresses well.
Pros:Thoughtfully made, suitable for a wide range of projects, battle tested
Cons:TypeScript support?
I've been using this since the earliest versions, it's changed the way i write CSS on projects and it's currently shipped on 10+ of my client projects.
Pros:Fast, great for building custom UIs quickly. Fantastic documentation. Great community.
Cons:May inspire teen levels of angst in those opposed to component based CSS.
I've been using it now for like a year and love how fast I can write CSS and style but still following a plan which is in my configuration file.
Pros:It's fast, it's easy, it's still CSS and comes with a great configuration file. don't mistake it for normal inline styles. It is much more!
Cons:It takes some time to FEEL the difference, you need to rethink your workflow
I was very skeptical in using a utility framework because I didn’t like the idea of “styling in html”. But after on some unmaintainable projects due to massive CSS files, Tailwind has proven to be the perfect solution. Won’t work on projects without Tailwind anymore.
Pros:Quick to learn. Easy to implement. Major speed increase in workflow.
Cons:Can’t think of any.
this is by far my favourite utility framework. I use it for 90% of my projects and that other 10% is slowly being migrated. Well done Adam and thank you for sharing.
Pros:well defined language, lightweight, great documentation, extensible
Cons:nothing comes to mind
In recent years i've started to dread having to dig into a massive bootstrap sass file structure to make simple updates. Not it's a dream. I like to write html/css again.
Pros:- I now spend 0 time thinking about what to name a new css class. - When i do need to name something it's for a reason.
Cons:- Convincing colleagues that this should be the default rather than bootstrap is hard.
I went all in on using Tailwind as the backbone of my companies UI Kit as soon as the Beta1 came out - I have had no regrets. As a Vue developer, it has really streamlined my processes while eliminating some "clutter classes" that I never used with Bootstrap. The classes are very readable and the use of Pseudo-classes are amazing. You will not be disappointed by making the switch over to Tailwind for your future projects.
Pros:Easy to use, classes are common sense and closely aligned with some Bootstrap classes, and a nice clean slate for barebones projects.
Cons:This is not a UI kit. This is not a 1:1 Bootstrap replacement. This can be a con, depending on who you are.
Tailwind is a fully functional CSS toolkit that you can use out of the box and easily extend to work seamlessly for any project.
Pros:Tailwind is easy to get up and running, is built on utility classes, and allows you to quickly spin up custom components.
Cons:Utility class nomenclature is quite different from Basscss and Tachyons and can take some getting used it.
Move over Bootstrap, Tailwind is in town.
Pros:The pre-built components are incredible!
Cons:Can't think of any
Mute.vc