In this tutorial we're going to look into how we can use https://tailwindcss.com/ in your WordPress theme. If you don't already know Tailwind CSS is a highly customisable utility first CSS.

Normal WordPress theme development doesn't tend to use modern frontend development techniques such as https://www.npmjs.com/ and https://webpack.js.org/. In this tutorial we're going to setup our WordPress theme to use webpack to compile our CSS file which will use Tailwind with https://postcss.org/.

This will build you a new style.css file that WordPress can use on your theme.
Newsletter

Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week

Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future. Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners