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.

K's Art Office

Got a landing page from ChatGPT, Claude, or Gemini and don’t know where to put it? Kayzart is the place to paste it.
Drop AI-generated HTML, CSS, and JavaScript straight into WordPress, see it render live as you tweak it, and publish a clean, theme-independent landing page in minutes — no child theme, no page builder, no fighting your active theme’s header and footer.
Who this is for 
You let AI write the code, but you still want full control over the result. You’re past pure no-code, but you don’t want to set up a build pipeline just to ship one landing page. Kayzart sits exactly there.
What you can do 
* Paste a full AI-generated page (HTML + CSS + JS) and run it as-is 
* Edit everything live with a CodeMirror 6 editor and instant iframe preview 
* Click an element in the preview to jump to its code (real-time DOM selection) 
* Keep the page theme-independent in Standalone mode, or render inside your theme in Theme mode 
* Use plain CSS or TailwindCSS (auto-compiled) per page 
* Run modern JavaScript (Classic script or ES Module) 
* Restrict external embeds with an allowlist
Works great with 
ChatGPT, Claude, Gemini, v0, or any tool that hands you HTML/CSS/JS. Kayzart doesn’t generate the code — it’s where that code becomes a real, publishable WordPress page you can keep editing.
Development repository: https://github.com/ksartoffice/kayzart-live-code-editor
<h3>Credits</h3>
This plugin bundles third-party libraries: 
* CodeMirror – MIT License – https://github.com/codemirror 
* Emmet CodeMirror 6 Plugin – MIT License – https://github.com/emmetio/codemirror6-plugin

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.

Winden — Tailwind CSS Compiler with Full WordPress Integration vs Kayzart Landing Pages — Paste & Edit AI-Generated HTML