Tailwind CSS v1.0

A utility-first CSS framework for building custom designs.

#2 Product of the WeekMay 14, 2019
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.
  • Patrick Smith
    Patrick SmithBurnt Caramel

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


    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.


    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.
👋🏻 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!
@adamwathan Congratulations on the launch, Adam!
@adamwathan 🙌🏻 Congrats! 🙌🏻
@adamwathan Congrats, I've been loving Tailwind so far! :-)
@adamwathan Congratulations on the launch, Adam!
@adamwathan Congrats, mate. Proud of the hard work you put into this!
Best thing that happened to CSS in recent years
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.
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!