Tailwind CSS v1.0 — A utility-first CSS framework for building custom designs.

@adamwathan big fan! who do you think can benefit most from the new release? what’s your favorite part about v1?

Move over Bootstrap, Tailwind is in town.

Pros:

The pre-built components are incredible!

Cons:

Can't think of any

👋🏻 Hey folks! About a year and a half ago we launched the first 0.x version of Tailwind CSS and today we're finally releasing v1. Let me know what you think and if you have any questions I'll do my best to answer!

I've used Tailwind on every project I've worked on since I first tried it, it's really the perfect companion for any dev!

Pros:

Makes it really easier to bring to life any design you can imagine

Cons:

Makes going back to writing CSS painful

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.

Been using it in several products already. I really really don't want to go back to Bootstrap anymore after having used tailwind. There's so much thought put into this that takes a lot of work off my plate. Especially the work on color is amazing. Thank you!

Tailwind has now become a staple on any new project I start 👌 Switching to an old project that was created without Tailwind is an absolute pain; my productivity is literally cut to 1/4 of what it is on a new Tailwind project. It makes CSS easier and less painful, whether you've been writing it for only days or for years. Would 100% recommend!

Pros:

Makes website prototyping/development blazing fast, super flexible and customizable, and a joy to use...

Cons:

A lot of people initially dislike the utility-first classes idea, but once you try Tailwind you'll slowly but surely become a convert...

Once tailwind, always tailwind

Pros:

Super fast prototyping, makes me a better web designer

Cons:

Can take time getting used to, hang in there

It doesn't stand in your way of creating a unique look. I like to call it a toolbox, not a framework because there are no frames or boundaries. You do what you want/need. If you can't do something, you create a plugin in 3 minutes and then you can.

Pros:

Modular, extensible, fluid, easy to use.

Cons:

Tailwind is too cool for cons, man.

When it came out more than a year ago, I thought it was very confusing and crazy. That CSS in JS part was stopping me from using it up until a few months ago. I just thought it would be some high-tech sci-fi overkill. When I tried Tailwind, I was amazed at how simple and adaptable it is. It was really, actually, just the tool I needed. From then on, I can't imagine a project without it, big or small. This + BEM and you've got yourself a very powerful CSS workflow! Amazing! 💯

The authors are amazing people and the authors of Refactoring UI. Which gives them community recognition. As people who work daily with products, I put a lot a trust in knowing, that most issues I will face on my Apps, they did already and had put them into consideration.

Pros:

👶🏽 Easy to use 🏎 Fast 💪🏽 Powerful

Cons:

It might be a lot to take in at the beginning, but it gradually gets better.

Great job with the release!!

Pros:

Wonderful CSS framework that enforces consistency with customizable spacing & typography scales.

Cons:

Syntax takes a bit of time to get used to

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.

I use Tailwind CSS in nearly every project because it is so flexible, easy to use and especially easy to configure/change, compared to other frameworks.

Pros:

Simplicity, structure and configuration. Also a superb documentation!

Cons:

None so far!

I'am an early adopter who's using tailwind from the very beginning. It was a game changer and it makes fun writing CSS again.

Pros:

It is easy to use, super fast, super slim (when using it correctly), extendable, 100% customizable and it makes fun creating CSS again.

Cons:

None (for me!)

Tailwind makes it so quick to create designs. Before I would have to write loads of CSS code an sleep on switing between file but now I can just add classes to my elements.

Pros:

Fast to build with and easy to use.

Cons:

Not really.

I have been using Tailwind CSS for around 3 months and I love it

Pros:

very good implementation and customizable!

Cons:

it doesn't have components, but I think that is also a plus!

I would like to thank @adamwathan and the team for this great product. As a web developer and designer, I cannot live without it now. I would like to see an implementation for css animations in the same way. Any plan for that? That will be really awesome! Great work and documentation!

Any suggestion on how to use it without a printed cheatsheet in hand? I tried it yesterday, and it was a 'class name' guessing game, padding-xx or pd-xx or padding-yes-50.... any pointers to understand overall logic of names? (without memorizing it all) and... is there a printable cheatsheet? :)

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.