Rosua

Joshua Gugun Siagian

<h3>WindPress: the only Tailwind CSS v3 and v4 integration plugin for WordPress.</h3>
<p>WindPress is a platform agnostic <a href="https://tailwindcss.com/" rel="nofollow ugc">Tailwind CSS</a> integration plugin for WordPress that allows you to use the full power of Tailwind CSS within the WordPress ecosystem.</p>
<p><strong>Tailwind CSS version</strong>:<br />
– 3.4.17<br />
– 4.1.16</p>
<h3>Features</h3>
<p>WindPress is packed full of features designed to streamline your workflow. Some of our favorites are:</p>
<ul>
<li><strong>Dual Tailwind CSS version</strong>: Tailwind CSS <code>3.x</code> and <code>4.x</code> ready.</li>
<li><strong>Plug and play</strong>: Start using Tailwind CSS in WordPress in seconds — no setup is required.</li>
<li><strong>Customizable Configuration</strong>: The plugin comes with a default Tailwind CSS configuration, but you can easily customize it to fit your needs.</li>
<li><strong>Easy to use</strong>: Simplified and intuitive settings to get you up and running quickly.</li>
<li><strong>Lightweight</strong>: The plugin dashboard built on top of WordPress REST API, and a modern JavaScript framework for an instant, responsive user experience. Yet it has a small footprint and won’t slow down your site.</li>
<li><strong>Blazingly fast</strong>: Cache makes your WordPress site blazing fast. Generate the final optimized CSS file in the browser without server-side tools. None of your data is transferred over the network.</li>
</ul>
<p>And some specific integrations also include the following features:</p>
<ul>
<li><strong>Autocompletion</strong>: As you type, Tailwind CSS class names will be suggested automatically.</li>
<li><strong>Variable Picker</strong>: Easily select Tailwind CSS themes’ colors, fonts, and other variables from a panel.</li>
<li><strong>HTML to native elements</strong>: Convert Tailwind CSS HTML to native elements in the editor.</li>
<li><strong>Sort the classes</strong>: Sort the Tailwind CSS classes on the input field.</li>
<li><strong>Hover Preview the classes</strong>: Hover over the classes to see the complete outputted CSS and the preview of the design canvas.</li>
<li><strong>Ubiquitous Panel</strong>: A floating panel that allows you to quickly access the WindPress settings from anywhere on the page.</li>
</ul>
<p>Visit <a href="https://wind.press" rel="nofollow ugc">our website</a> for more information.</p>
<h3>Seamless Integration</h3>
<p>It’s easy to build design with Tailwind CSS thanks to the seamless integration with the most popular visual/page builders:</p>
<ul>
<li><a href="https://wordpress.org/gutenberg" rel="ugc">Gutenberg</a> / Block Editor</li>
<li><a href="https://shop.greenshiftwp.com/?from=3679" rel="nofollow ugc">GreenShift</a></li>
<li><a href="https://kadencewp.com" rel="nofollow ugc">Kadence WP</a></li>
<li><a href="https://livecanvas.com/?ref=4008" rel="nofollow ugc">LiveCanvas</a></li>
<li><a href="https://upstatement.com/timber/" rel="nofollow ugc">Timber</a></li>
<li><a href="https://blockstudio.dev/?ref=7" rel="nofollow ugc">Blockstudio</a> — <strong>Pro</strong></li>
<li><a href="https://breakdance.com/ref/165/" rel="nofollow ugc">Breakdance</a> — <strong>Pro</strong></li>
<li><a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> — <strong>Pro</strong></li>
<li><a href="https://builderius.io/?referral=afdfca82c8" rel="nofollow ugc">Builderius</a> — <strong>Pro</strong></li>
<li><a href="https://etchwp.com/" rel="nofollow ugc">Etch</a> — <strong>Pro</strong></li>
<li><a href="https://metabox.sjv.io/OeOeZr" rel="nofollow ugc">Meta Box Views</a> — <strong>Pro</strong></li>
<li><a href="https://oxygenbuilder.com/ref/12/" rel="nofollow ugc">Oxygen 6 / Classic</a> — <strong>Pro</strong></li>
<li><a href="https://wpcodebox.com/?ref=185" rel="nofollow ugc">WPCodeBox 2</a> — <strong>Pro</strong></li>
</ul>
<p>Planned / In Progress</p>
<ul>
<li><a href="https://be.elementor.com/visit/?bta=209150&brand=elementor" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47622" rel="nofollow ugc">Divi</a></li>
<li><a href="https://pinegrow.com/wordpress" rel="nofollow ugc">Pinegrow</a></li>
<li><a href="https://zionbuilder.io/" rel="nofollow ugc">Zion Builder</a></li>
</ul>
<p>Note: The core feature will remain available on all versions, but some integrations may be added or removed from the free version in the future.</p>
<h3>Bring Your Own Integration</h3>
<p>WindPress is designed to be easily extensible, so you can build your integrations with Tailwind CSS. The plugin provides a simple API for adding integrations.<br />
Check out our detailed <a href="https://wind.press/docs/integrations/custom-theme" rel="nofollow ugc">guide</a> to get started.</p>
<h4>Love WindPress?</h4>
<ul>
<li>Give a <a href="https://wordpress.org/support/plugin/windpress/reviews/?filter=5/#new-post" rel="ugc">5-star review</a></li>
<li>Purchase the <a href="https://wind.press" rel="nofollow ugc">Pro version</a></li>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Sponsor us on <a href="https://github.com/sponsors/suasgn" rel="nofollow ugc">GitHub</a> or <a href="https://ko-fi.com/Q5Q75XSF7" rel="nofollow ugc">Ko-fi</a></li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/wind_727964" rel="nofollow ugc">Pixel perfect</a> on Flaticon</li>
</ul>
<p>Affiliate Disclosure: This readme.txt may contain affiliate links. If you decide to make a purchase through these links, we may earn a commission at no extra cost to you.</p>


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

<p>Install the free plugin and start using Tailwind CSS in WordPress, instantly.</p>
<p>⏰ Start using Tailwind CSS in WordPress in seconds, no setup required.<br />
⚙️  Effortlessly configure Tailwind CSS right from WordPress.<br />
⚡️  Build even faster with 50+ responsive, <a href="https://wpdraft.com" rel="nofollow ugc">copy & paste block patterns</a>.</p>
<p>Current <a href="https://tailwindcss.com/" rel="nofollow ugc">Tailwind CSS</a> version: 3.4.5</p>
<h3>How It Works:</h3>
<ul>
<li>Install free Draft plugin</li>
<li>Configure Tailwind CSS right in the page, post, or site editor or from WP Admin > Settings > Draft settings</li>
<li>Add Tailwind CSS utility classes to blocks</li>
<li>Go Pro to improve site performance by purging unused CSS</li>
</ul>
<h3>Free plugin features:</h3>
<ul>
<li>Configure Tailwind</li>
<li>Add Custom CSS ( including ability to @apply Tailwind CSS utility classes )</li>
<li>Add Tailwind CSS utility classes to Gutenberg blocks</li>
<li>Add Tailwind CSS utility classes inline to text ( such as headings and paragraphs )</li>
</ul>
<h3>Pro plugin features:</h3>
<ul>
<li>Purge Unused CSS ( make your WordPress site blazing fast )</li>
</ul>
<h4>Block-Editor Add-ons:</h4>
<ul>
<li>Dark mode toggle block – add dark mode toggle blocks anywhere to toggle using the Tailwind CSS darkMode ‘selector’ strategy</li>
<li>Group block link – add links to the Group block for creating linkable cards and layouts</li>
<li>Archive title filter – add text before/after archive titles for better archive labeling<br />
<a href="https://wpdraft.com/pricing" rel="nofollow ugc">Go Pro</a></li>
</ul>
<h3>Free full-site-editing (FSE) block theme:</h3>
<p><a href="https://wpdraft.com/theme" rel="nofollow ugc">Learn more</a></p>
<h3>Free ready-to-use copy & paste block patterns:</h3>
<p><a href="https://wpdraft.com/wordpress-block-patterns" rel="nofollow ugc">Explore patterns</a></p>
<h3>Free ready-to-use copy & paste block templates:</h3>
<p><a href="https://wpdraft.com/wordpress-block-templates" rel="nofollow ugc">Explore templates</a></p>
<h3>Free Video Tutorials</h3>
<p>Learn how to speed up your development by adding Tailwind CSS utility classes to Gutenberg blocks:<br />
<a href="https://wpdraft.com/tutorials" rel="nofollow ugc">Tutorials</a></p>
<h3>Copyright</h3>
<p>Draft WordPress Plugin, Copyright 2021 leeshadle<br />
Draft WordPress Plugin is distributed under the terms of the GNU GPL</p>


Draft – Tailwind CSS for WordPress.

Add Tailwind CSS to WordPress, in seconds.

WindPress – Tailwind CSS integration for WordPress vs Draft – Tailwind CSS for WordPress.