Rebuilding Netlify with Tailwind CSS

I'm just in the process from migrating from UIKit to tailwind. So take this with a grain of salt: Before you get into tailwind-ui, I would start out with the basics of tailwind, which can already take you quite far. I would even say, that using simply tailwind will make your design unique in a way that tailwind-ui won't. That way, while you are in the process of designing your website, you always have the option, to extract your own components and don't fall back to templates which restrict your design. One video, which was eye opening for me, was watching Adam Wathan rebuild Netlifly from scratch [1]. My takeaway: You don't need fancy ui-components to build something great. [1] ▶ this video

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!) You really do have to try it to shake that impression. 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: link 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: ▶ this video ...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: link If you have any questions I'll be checking the comments, thanks!