Tailwind CSS v1.0

A utility-first CSS framework for building custom designs.

4.9/5
About
Most frameworks make it really hard to build custom designs, but Tailwind is different. Instead of predesigned components, Tailwind provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.
Would you recommend this product?
Developer

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.

Share
Designer & Web Developer

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...

Share
Founder, Developer

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

Share
Full Stack Web Developer

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!

Share
19-year-old maker.

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

Share

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.

Share

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

Share
⚡️ transistor.fm

Move over Bootstrap, Tailwind is in town.

Pros:

The pre-built components are incredible!

Cons:

Can't think of any

Share

Been using Tailwind in production since around 0.6 and it's clear that Adam has put a lot of thought into making the most flexible utility-first CSS Framework out there. It has a great balance between a lot of options and some great defaults in terms of colours and fonts, without providing you default-looking components that you'll find cropping up on every site using it in a few months like some other frameworks. Definitely check out some of the videos Adam posted on his YouTube channel where he duplicates existing web apps with just the out of the box utilities. Most importantly; don't hate on the idea of utility-first CSS until you give it a go. It's a powerful tool and there's no wonder places like GitHub and Algolia are leveraging the methodology.

Pros:

Really helps you rapidly build out pretty much any design with just utility classes. Rarely will you find yourself creating custom CSS

Cons:

You have to already know CSS pretty well to use it; the classes are wrappers over underlying CSS attributes.

Share
Developer

I use Tailwind CSS since v0.2.0 and it changed the way I write CSS for application and websites.

Pros:

Super easy to use. Streamlines the development process with a single configuration file which can follow your design system.

Cons:

Takes a bit of time to get into it, but when you reach that point, you don't want to anything else ever again.

Share
Owner, Xonay Media

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.

Share
Burnt Caramel

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?

Share
Software Engineer
I've used Tailwind with TypeScript and Vue.js. Worked fine.

Try it

Pros:

simple and powerful. A better paradigm that traditional UI based CSS frameworks. Great documentation

Cons:

none

Laravel Developer @Aheenam

I've been using Tailwind since its first public versions and the progress and improvement they made so far is incredible!

Pros:

It's super simple to set up, has an awesome documentation and makes building consistent design systems so much easier!

Cons:

None so far!

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!

Musician, Author, Web Developer

Great utilities.

Pros:

So easy to use and quick when developing.

Cons:

None

It's great, I don't think I would choose any other CSS framework right now

Pros:

Maintaining the CSS of an app is much simpler with Tailwind

Cons:

Templates do get verbose, but I don't see any other way

Freelance web dev, entrepreneur.

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

Freelance Developer

Once tailwind, always tailwind

Pros:

Super fast prototyping, makes me a better web designer

Cons:

Can take time getting used to, hang in there

Web Entrepreneur & Media Enthusiast.

Looking forward to a component library :-)

Pros:

This is my ideal framework. Ease of use, cleanliness, readability of code are huge bonuses. Forces good and modern development practices

Cons:

You either already like or you learn to love the utility-first approach