Tailwind CSS compiler for WordPress. Use utility classes directly in your editor.

mstrdh

CompileKit – Tailwind CSS Compiler

Compile Tailwind CSS with a server-side compiler. Provides an admin UI, auto-compilation mode, and environment-aware output.

Ari Stathopoulos

Dimitris Kalliris

Unyson

Less PHP Compiler

Includes the less.php preprocessor so that it may be used by other plugins or themes.

Sebastian Echeverry

SCSS-Library

Add support for using SCSS style files with wp_enqueue_style.

yonifre

pshitik

Lenix scss compiler

An excellent way to write Scss in wordpress

Sajjad Hossain Sagor

Sass To CSS Compiler

Compile Your Theme-Plugin Sass (.scss) files to .css on the fly.

rahburma

Compilebin

An online compiler plugin which comprises of code editor and live compiler along with syntax highlighter.

kidadavid

Simple SCSS Compiler

Simple SCSS Compiler makes it easy for you to automatically compile your SCSS files to CSS, thus providing you with a hassle-free development experien …

WebMaestro.Fr

SASS Compiler

SASS compiler for WordPress. Allows you to write and compile SASS, and to edit style variables straight into your WordPress dashboard.

LESS Compiler

LESS compiler for WordPress. Allows you to write and compile LESS, and to edit style variables straight into your WordPress dashboard.

Tom Baumgarten

Simple Compiler SCSS

A simple plugin to compile scss file into css when css asked. Best for developers.

Marko Krstić

Winden brings the full power of Tailwind CSS v4 to WordPress. Write utility classes directly in your editor and see them compiled in real-time.
Features:
<ul>
<li>Full Tailwind CSS v4 support</li>
<li>Fallback for Tailwind CSS v3 with Config support</li>
<li>Real-time compilation in browser</li>
<li>Works with any theme or page builder</li>
<li>Gutenberg integration</li>
<li>Developer-friendly</li>
</ul>
Integrations:
<ul>
<li>Gutenberg (free)</li>
<li><a href="https://dplugins.com/downloads/fancoolo-wp/" rel="nofollow ugc">FanCoolo WP</a> (free)</li>
<li>Oxygen Builder (pro)</li>
<li>Bricks Builder (pro)</li>
<li>Elementor (pro)</li>
<li>Builderius (pro)</li>
</ul>
Bundled Tailwind Plugins:
<ul>
<li>@tailwindcss/forms</li>
<li>@tailwindcss/typography</li>
<li>@tailwindcss/container-queries</li>
</ul>
Easy migration: 
* With single copy paste of style tab you can migrate form WindPress and other tailwindcss integration to Winden keeping all the classs in block attributes
<h3>External Services</h3>
Winden provides optional integration with external services for loading third-party Tailwind plugins. Core features work entirely offline.
Third-Party Tailwind Plugins:
When you use the <code>@plugin</code> directive with an external URL in your CSS configuration, Winden fetches the plugin module at compile time. For example: <code>@plugin "https://esm.sh/daisyui@5";</code>
<ul>
<li>Only activated when user explicitly adds a <code>@plugin</code> directive with a URL</li>
<li>Supports any ESM-compatible CDN (esm.sh, unpkg, jsdelivr, etc.)</li>
<li>Plugin fetching only occurs during development mode compilation</li>
<li>In production mode with dev mode disabled, no external requests are made</li>
<li>No user data or site information is transmitted</li>
</ul>

Winden — Tailwind CSS Compiler with Full WordPress Integration


This is a great plugin to make my design system work easily with Gutenberg. I always found it difficult to use custom classes and design system in gutenberg and this plugin just solved my issue.



Bingooo!


Alternatives to Winden — Tailwind CSS Compiler with Full WordPress Integration

Top alternatives