A Tailwind boilerplate for WordPress · vanrossum.dev    

       vanrossum.dev 

 Article

A Tailwind boilerplate for WordPress
====================================

 ![](https://vanrossum.dev/images/jeffrey-portrait.webp) By Jeffrey van Rossum

  vanrossum.dev  

  [      vanrossum.dev ](https://vanrossum.dev)                      

  [ ← Writing ](https://vanrossum.dev/posts)   [ ← Writing ](https://vanrossum.dev/posts) [ Creating a boilerplate ](#creating-a-boilerplate) [ TailPress ](#tailpress) [ Latest release v0.0.2 ](#latest-release-v002) [ Getting started ](#getting-started) 

For years I have been developing custom WordPress themes, mostly with Bootstrap (3 and later 4). But around a year ago, I started using [TailwindCSS](https://tailwindcss.com) instead.

I first got familiar with Tailwind through the Laravel community and started using it in various Laravel projects I'm working on, including [Addrow](https://addrow.io).

I enjoyed working with Tailwind so much, that I wanted to use it for WordPress development as well.

Creating a boilerplate
----------------------

If you develop multiple custom themes, it can be very time consuming to set the basics up every single time. Installing Tailwind, setting up compiling, adding styling for Gutenberg (the WordPress block editor). So after a while I made a boilerplate theme which could act as a starting point for theme development with Tailwind. I called it [TailPress](https://github.com/jeffreyvr/tailpress).

TailPress
---------

Along with Tailwind, the boilerplate also uses [Laravel Mix](https://laravel-mix.com) for compiling.

Whilst developing themes, I found I was still doing quite a bit of repetitive tasks. Mostly for setting up support for Gutenberg. For example, providing styling for the alignment options Gutenberg offers, styling the defined theme colors and font sizes. While I was mostly making minor changes to TailPress for the better part of the year, the last couple of weeks I've been more active.

For example, a week ago, I added the new TailwindCSS version 2.0.

Latest release v0.0.2
---------------------

Today I released TailPress v0.0.2. With this release I've tackled quite some of those repetitive tasks.

Within this version, alignment, color and font size classes are generated out of the box. To achieve this, I've setup [a Tailwind plugin](https://github.com/jeffreyvr/tailpress/blob/master/tailwind.js#L37). The plugin is not extracted for now into a separate package, and this way it's easily customizable for everyone who wants to change things.

Getting started
---------------

If you are a WordPress theme developer and like working with TailwindCSS, feel free to [check TailPress out](https://github.com/jeffreyvr/tailpress#tailpress). Also, don't hesitate to contribute or let me know what you think!

  ![](https://vanrossum.dev/images/jeffrey-portrait.webp) Jeffrey van Rossum [@jeffreyrossum](https://x.com/jeffreyrossum) 

 share [𝕏](https://twitter.com/intent/tweet?url=https%3A%2F%2Fvanrossum.dev%2Fposts%2Fa-tailwind-boilerplate-for-wordpress&text=A+Tailwind+boilerplate+for+WordPress) [WhatsApp](https://wa.me/?text=A+Tailwind+boilerplate+for+WordPress+https%3A%2F%2Fvanrossum.dev%2Fposts%2Fa-tailwind-boilerplate-for-wordpress) [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fvanrossum.dev%2Fposts%2Fa-tailwind-boilerplate-for-wordpress) 

   © 2026 Jeffrey van Rossum 

  vanrossum.dev vanrossum.dev