How to use Tailwind CSS v2.1 JIT compiler with WordPress theme (2021)

Published July 13, 2021; last updated on September 10, 2021
How to use Tailwind CSS v2.1 JIT compiler with WordPress theme (2021)

Tailwind CSS is an awesome way of writing CSS – it completely transformed the way I write CSS. In this article I’ll show you how to use Tailwind CSS in a WordPress theme, and how to set it up with npm.

First, we’ll create the initial scaffold for our WordPress theme. Then, we’ll install npm in our project. Finally, we’ll install Tailwind and watch the magic happen. 🚀

  1. Creating a WordPress theme from scratch
  2. Installing npm in our project
  3. Installing Tailwind in our project

Prerequisites
To install Tailwind CSS,

How to use Tailwind CSS v2.1 JIT compiler with Laravel Mix

Published April 12, 2021; last updated on November 30, 2021
How to use Tailwind CSS v2.1 JIT compiler with Laravel Mix

Last week Tailwind CSS released version 2.1.0. One of the best features of the release is the fact that the new Just-In-Time (JIT) compiler is now included in the official build. In this tutorial I’ll show you how to use the Tailwind CSS JIT compiler with Laravel Mix. Best of all is that it takes less than two minutes🚀

The compiler is a huge step forward in the development of Tailwind CSS. There are several important advantages,

Install Tailwind CSS & SASS with Laravel Mix (2021)

Published March 12, 2021; last updated on September 10, 2021
Install Tailwind CSS & SASS with Laravel Mix (2021)

Laravel Mix is a great tool for defining Webpack build steps for several common CSS and JavaScript pre-processors. Personally I’m a huge fan of TailwindCSS and I use it in a lot of projects. For writing plain CSS I prefer to use SASS (SCSS). Here I’ll show you how to set up your Laravel application with SASS and Tailwind CSS.

For this tutorial I already have a local Laravel application installed with Laravel Valet.

Close
Stay up to date with all things Laravel, Tailwind, WordPress & PHP

Subscribe now to my e-mail newsletter and get my latest articles and project updates delivered directly to your inbox. Never miss an update.