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

I've been hooked on tailwind ever since I came across it. I don't like having to stick within something like Bootstrap, but I want a structured and logical way of building and styling apps. Tailwind lets me create unique designs easily, has the utility classes I need so that I don't hardly have to write custom css, and is easy to extend via postcss.

Pros:

Everything you need to build/style amazing apps/sites quickly and easily.

Cons:

Css grid support somehow.

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.

Hey @adamwathan thank you for building Tailwind. I'm in love with it. I've always hated having to overwrite classes to customize Bootstrap and other frameworks. Also, not having to come up with class names is HUGE for productivity. No more inner-inner__container-child.

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! 💯

Great idea, and awesome project. Thanks for sharing it.

Pros:

Makes the webpage unique (no bootstrap 'look' or 'material' look) Great tool to minimize CSS boilerplate code

Cons:

hard to 'guess' the classnames

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.

Huge fan and user of Tailwind. We we're in the middle of building our own front-end framework when I read @adamwathan thoughts on the 5 phases of CSS utility -- I was probably in phase 3 at the time -- and his perspective just made so much sense. kinda just clicked. Anyways, abandoned our framework efforts and jumped in to use tailwind and I can easily say it has cut my front end dev time in half, and given me lots of confidence to maintain projects in the future. Highly recommend

Use it on all new and old projects basically. You can add it do an existing solution and slowly migrate with ease

Pros:

This is THE way to write (or not write) css.

Cons:

I miss gradients, but have no idea how that would be implemented.

The pre-generated CSS at the beginning can seem like a huge drawback and a constraint to your creativity. However, the opposite is true. Having a “limited” set of utility class gives you a set palette of configured values which in fact lead you to better designs. In contrary to the traditional framework, Tailwind supports your creativity and let’s you build the page your way.

Pros:

It’s the most reasonable approach to CSS out there It helps you make your designs more concise

Cons:

I don’t think there’s a better alternative. It’s a really polished product and Adam and the team did a really good job.