Tailwind CSS v1.0

A utility-first CSS framework for building custom designs.

#2 Product of the WeekMay 14, 2019
+1
Featured Embed
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.
Reviews
  • Patrick Smith
    Patrick SmithBurnt Caramel
    Pros: 

    Thoughtfully made, suitable for a wide range of projects, battle tested

    Cons: 

    TypeScript support?

    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.

    Patrick Smith has used this product for one year.
  • 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.

    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.

    Daniel Matthews has used this product for one year.
Discussion
You need to become a Contributor to join the discussion.
Adam Wathan
Adam WathanMaker@adamwathan
👋🏻 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!
Miguel Piedrafita
Miguel Piedrafita@m1guelpf · 17-year-old maker.
@adamwathan Congratulations on the launch, Adam!
Nate Dunn
Nate Dunn@natedunn
@adamwathan 🙌🏻 Congrats! 🙌🏻
Aiden
Aiden@aidenbuis · Building stuff for the web ⚒︎
@adamwathan Congrats, I've been loving Tailwind so far! :-)
Osamah Aldoaiss
Osamah Aldoaiss@osamah_aldoaiss · Frontend Developer
@adamwathan Congratulations on the launch, Adam!
Michael Dyrynda
Michael Dyrynda@michaeldyrynda
@adamwathan Congrats, mate. Proud of the hard work you put into this!
Adib Hanna
Adib Hanna@adib_hanna · Senior Web Developer
Best thing that happened to CSS in recent years
Martin Betz
Martin Betz@martin_betz
Lots of reasons why Tailwind CSS is a perfect web design companion: - It is so much more flexible than frameworks like Bootstrap and Bulma - It's the most direct connection between "This is what I think it should look like" and implementing it in HTML with class names that are easy to remember - It is perfect for total beginners and pros alike - It is very well documented (lots of examples and ways how to tweak it) - There is an active community with loads of hands-on tutorials, plugins and tools
I wasn't sure about it at first but, it's made me a lot quicker to prototype and ultimately launch. Naming things is hard, especially CSS selectors. Not with Tailwind.
Yann
Yann@yannschaub · Product Design
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!