A few months back I started exploring Tailwind CSS – a utility first CSS framework – and it has fast become my first choice for building UIs.
Coming from a semantic approach using a modified BEM style of CSS, the utility-first approach took a little getting used to. I mainly struggled with how large my HTML
class attributes were getting and at first, Tailwind CSS just didn’t stick.
But! I kept coming back to it and now really appreciate the tool for what it offers:
I’m so sold on Tailwind that I decided I needed a theme boilerplate to get my WordPress builds off the ground as fast as possible. I’ve based the boilerplate on my Laravel Mix Theme Boilerplate – essentially extending that to use Tailwind – and have included the following features:
For more info, check out the GitHub repository and watch the following video:
If you liked this article, I'd be incredibly grateful if you tweeted about it.
Also, I don't send emails often but when I do, I try to fill them full of useful goodies. If you like code snippets & dev tips, join my mailing list. There's no catch but I'll probably want to tell you about any new plugins & tools I build.