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!


Amazing plugin

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

rahburma

This is a syntax highlighter plugin which also acts as an interface to the online compiler api service on cloud provided by https://www.compilebin.com. It interacts with cloud service via rest APIs i.e, submit the code and get the output. Users need to signup and get an api key which is to be updated in the plugin to use the service. Plugin contains a link for signing up for the service. There is no security concern on the web server as the task of code execution is offloaded to the cloud service. The plugin uses the following open source libraries : 
1) Code prettify for syntax highlighting 
2) Ace code editor 
Please visit https://www.compilebin.com for more information about the service. 
Note that this plugin can also be used purely as a syntax highlighter only by hiding the run button on your code snippets. This mode of usage is free of any charges. Run button will not be visible on public view. 
Please report issues to support@compilebin.com 
This plugin is actively maintained and we will fix the reported issues as soon as possible.

Compilebin

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

Winden — Tailwind CSS Compiler with Full WordPress Integration vs Compilebin