Tailwind: A Utility-First CSS Framework
Author of Tailwind here! If you haven't worked with a library like this before, I promise your gut reaction will be "holy hell this is the worst thing I've ever seen" (it was my reaction too!)<p>You really do have to try it to shake that impression.<p>If you need a bit more convincing before you're willing to try it, I wrote an in-depth article a while ago that documents my journey from a "semantic classes"-loving HTML/CSS purist to a utility-loving heathen:<p><a href="https://adamwathan.me/css-utility-classes-and-separation-of-concerns/" rel="nofollow">https://adamwathan.me/css-utility-classes-and-separation-of-...</a><p>If you want to watch it in action, here's a screencast where I rebuild the Netlify UI in an hour and a half without writing any custom CSS:<p><a href="https://www.youtube.com/watch?v=_JhTaENzfZQ" rel="nofollow">https://www.youtube.com/watch?v=_JhTaENzfZQ</a><p>...and if you want "social proof", here's an interview I did with Diana Mounter who leads the design systems team at GitHub about how moving to a utility-based approach has made things infinitely more maintainable for them, and given their developers a lot more confidence:<p><a href="http://www.fullstackradio.com/75" rel="nofollow">http://www.fullstackradio.com/75</a><p>If you have any questions I'll be checking the comments, thanks!