Tailwind CSS
A utility-first CSS framework for rapid UI development
Start new thread
Adam Wathan

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

by
Tailwind CSS
•
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.

Add a comment

Replies

Best
Patrick Smith

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?

Nathaniel Cook
I've used Tailwind with TypeScript and Vue.js. Worked fine.
Shawn Hansen
Anyone know why this is sitting at #2 on today's list, even though it has more upvotes?
Yann
@geekles ph algorithm works in mysterious ways. You might find some explanation here: https://medium.com/@RossCurrie/a...
Marco Mark
Have been using tailwind for quite some time and can't imagine going back to anything else. Took me while to introduce it to our agency but we now use it on all our projects and it has cut our development time down substantially. Combined with seriously well considered documentation I can't recommend it enough. Congrats on the 1.0 release, I know how much time and effort you've put into every detail.
⚡️
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? :)
Philipp Bosch
@gooddesygn I had the same issues at first and wanted to use a cheatsheet, didn‘t find a good one, so I looked everything up in the docs. It‘s a bit tedious at first but after a few days you have most of it memorized and don‘t ever want to write CSS.
Catalin Stefanovici

Try it

Pros:

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

Cons:

none

Rathes Sachchi

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!

Razvan Aurariu

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!

Razvan Aurariu
@adamwathan congrats on launching v1.0.0!
Curt Sheller

Great utilities.

Pros:

So easy to use and quick when developing.

Cons:

None

Pedro Rio

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

First
Previous
1234
•••
Next
Last