Rapidly build your WordPress theme with Tailwind CSS.

TailPress is your go-to starting point for developing WordPress themes with Tailwind CSS and comes with block-editor support out of the box.

Get started Download

Getting started.

  • 1
    Get the installer composer global require jeffreyvanrossum/tailpress-installer
  • 2
    Now simply run tailpress new example-theme
    To set your theme name and initialize a Git repository, use this instead
    tailpress new example-theme --name="Theme Name" --git
    More installation options.
  • 3
    Now go to the theme directory and watch for changes npm run watch
In this video you'll go through all the steps to get started.

Supports the block editor.

TailPress comes with support for the block editor. CSS-classes for alignment will be generated automatically.

You can modify this within the tailwind.config.js file. To make the editing experience within the block editor more in line with the front end styling, a editor-style.css is generated.

Super fast compiling.

TailPress enables Tailwind's JIT (just-in-time) engine which makes compiling super fast.

The JIT engine uses PurgeCSS which in turn makes sure only classes that you actually use end up in your compiled CSS.

In this video Adam Wathan, creator of Tailwind CSS tells you all about JIT.