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.

Rosua

WindPress – Tailwind CSS integration for WordPress

Integrate Tailwind CSS 3 or 4 into WordPress easily, in seconds. Works well with the block editor, page builders, plugins, themes, and custom code.

leeshadle

Draft – Tailwind CSS for WordPress.

Add Tailwind CSS to WordPress, in seconds.

Greg

blockpress

TailPress – Tailwind for WordPress

Seamless integration of Tailwind for WordPress.

ska-dev

ska-blocks – TailwindCSS for Block Editor

Advanced UI for managing Tailwind classes on WordPress blocks, generate Tailwind HTML with AI, convert HTML to blocks.

mdesign

Taily

Tailwind-Framework for Wordpress (Fast & Optimized),Unparalleled Versatility, Advanced Elementor & Gutenberg integration and etc...

mottodesignstudio

Blaze CSS

Generate a text file of all the classes used in your WordPress site.

marcosrego

MR.Utils

Add a front-end toolkit to the block editor to change device visibility, get mouse hover options, animations, convert into components and more...

Nafis Mahmud Ayon

Aspect Blocks

🌐 Aspect Blocks is a Gutenberg plugin that leverages Tailwind CSS for seamless style customization, providing a modern and responsive design. 🌟

innovator Yard

Add Bootstrap and Tailwind Css

K's Art Office

Kayzart Landing Pages — Paste & Edit AI-Generated HTML

Paste the landing page your AI wrote into WordPress, edit it live with HTML/CSS/JS, and publish — without fighting your theme.

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