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.

Nafis Mahmud Ayon

Aspect Blocks is a powerful WordPress plugin for the Gutenberg editor, designed to make content creation and styling effortless. Built with Tailwind CSS, it offers highly customizable and responsive blocks to enhance your site’s design and functionality.
<h3>Development and Source Code</h3>
The source code for this plugin can be found on GitHub: <a href="https://github.com/NafisMahmudAyon/aspect-blocks" rel="nofollow ugc">GitHub Repository</a>
✏️ Current blocks include:
<ul>
<li>Text Block: Add and style text with ease.</li>
<li>Container Block: Create flexible layouts with customizable containers.</li>
<li>Post Title Block: Display the title of a post dynamically.</li>
<li>Accordion Block: Add collapsible sections to organize content efficiently.</li>
</ul>
With Aspect Blocks, you can streamline your content creation process while ensuring a visually appealing and responsive design.
=🔧 Installation
This section describes how to install the plugin and get it working.
<ol>
<li>Upload the plugin files to the <code>/wp-content/plugins/aspect-blocks</code> directory, or install the plugin through the WordPress plugins screen directly.</li>
<li>Activate the plugin through the ‘Plugins’ screen in WordPress.</li>
</ol>
=📖 Frequently Asked Questions
<h4>What is Aspect Blocks?</h4>
Aspect Blocks is a Gutenberg plugin that provides a set of customizable blocks styled with Tailwind CSS for creating modern and responsive designs in WordPress.
<h4>Do I need to know Tailwind CSS to use this plugin?</h4>
No, you don’t need to know Tailwind CSS. However, if you are familiar with it, you can take full advantage of its utility classes for advanced customizations.
<h4>Are the blocks mobile responsive?</h4>
Yes, all blocks are designed to be fully responsive, ensuring a seamless experience across devices.
<h3>Arbitrary section</h3>
Aspect Blocks is perfect for developers and non-developers alike, offering simplicity with extensive customization options. Whether you’re building a blog, portfolio, or business website, these blocks can help you create a stunning, responsive design quickly and easily.

Aspect Blocks

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

Winden — Tailwind CSS Compiler with Full WordPress Integration vs Aspect Blocks