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.

yonifre

pshitik

A useful plugin for developers writing SCSS. 
The plugin allows you to write SCSS directly on the server (via FTP) without the need for a local compiler.
How It Works?
Choose a source folder for SCSS and a target folder for CSS. 
Write the SCSS code in the file on the source folder, and it automatically creates a CSS file in the target folder.
What’s included?
<ul>
<li>Option for multiple source and destination folders.</li>
<li>Allows you to set a folder in the entire wp-content space.</li>
<li>Performance – only when one of the source files change – it re-compiling itself.</li>
<li>After development you can turn off / delete the plugin without fear, and all the files are stay where they were.</li>
<li>Allows you to develop a theme and plugin at the same time.</li>
</ul>
Example:
source: themes/your-theme/assets/scss/style.scss
<pre>
body {
 color: black;
 .main {
 background: red;
 }
}
</pre>
target: themes/your-theme/assets/css/style.css
<pre>
body {
 color: black;
}

body .main {
 background: red;
}
</pre>
— pay attention! 
If the file already exists in the destination folder – it will be overwritten by the SCSS file

Lenix scss compiler

i found this plugin very useful when i need to compile a sass to css by just few click without getting out wordpress workspace.
when i deactivate the plugin compiled files still in directories.
AAA+++ RATE.



Very helpful plugin

An excellent way to write Scss in wordpress

Winden — Tailwind CSS Compiler with Full WordPress Integration vs Lenix scss compiler