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 Downloadcomposer global require jeffreyvanrossum/tailpress-installer
tailpress new example-theme
tailpress new example-theme --name="Theme Name" --git
npm run watch
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.
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.