Adam Wathan

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

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
Mukminarul

tailwind is so useful when u want to add a few adjustment, specifically on spacing like adding a bit of margin, or padding.

Pros:

increase development process by 200%

Cons:

had to use it in every project. haha

Matt Kingshott

I would never consider using anything else after Tailwind, it's that good!

Pros:

The easiest and fastest way to style your site / application

Cons:

None as such. However, those wanting a full UI kit might prefer alternatives.

Marc Carlucci 🇬🇧

You know a bit CSS, you learn the Tailwind convention and of you go to build the greatest looking frontend without much effort. The care and dedication that the tailwind team as put in it is phenomenal! Highly recommend Adam&Steve book "Refactoring UI"

Pros:

The most intuitive, clear and fun way to build frontend.

Cons:

You need to relearn how you design frontend but then it hurts using other tools/frameworks.

Alex Vargas

I think the best way to use Tailwind is in conjuction with VueJS and PostCSS. This will mkae the production css file really small and great component maintenance with Vue.

Pros:

Easy to use, excelent documentation and awesome configuration file.

Cons:

None

Arvil

I love Tailwind, I have been using it for a while and it's one of the dependencies I (almost) always have in my projects.

Pros:

You can create custom UI designs with an easy and intuitive utility-first framework.

Cons:

Your CSS file could end bigger than other frameworks.

Rasmus Christoffer Nielsen

Its amazing. Never been more fun writing CSS. Well actually, the great thing is now you don't have to 🥰🥰 Used it for 8-12 months and hate going back to BEM projects now.

Pros:

Extremely intuitive, fast workflow, configurable, amazing.

Cons:

You'll hate everything else after tailwind

Denis Shershnev
Congrats @adamwathan ! You've done great work!
Mario Rodriguez
Styling with TailwindCSS is a delight. Thank you for working on it, and congrats on the launch!
Vieko Franetovic

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

Farid  BEN KACEM
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!
Adam Wathan
@fbnkcmaster Thanks so much! We're hoping to add transitions in a future point release, just need to figure out the best API 👍🏻
Farid  BEN KACEM
@adamwathan Cool! And I know you'll find the right way to do it :) Keep it up! Good luck and thank you :)