Joshua Gugun Siagian

Rosua

<h3>Yabe Bricksbender: The Bricks builder extension.</h3>
<p>Yabe Bricksbender is a plugin that enhances the Bricks editor with functionalities that are not available in the core plugin to make your workflow more efficient.</p>
<h3>Modules</h3>
<p>Yabe Bricksbender is packed full of modules designed to streamline your workflow.</p>
<ul>
<li><strong>Elements Manager</strong>: Switch on/off the elements you want to use in the Bricks editor.</li>
<li><strong>HTML to Bricks</strong> [Temp not available]: Convert HTML to Bricks elements.</li>
<li><strong>Plain Classes</strong> [Temp not available]: Add the ability to write plain CSS classes to Bricks elements without adding the class to the Global Class database</li>
<li><strong>OpenAI Assistant</strong> [Soon]: AI integration that do many tasks in the Bricks editor.</li>
</ul>
<h3>Elements</h3>
<ul>
<li><strong>Alpine.js Runtime</strong>: Add Alpine.js runtime to your Bricks editor.</li>
<li><strong>Alpine.js Container</strong>: The element that supports Alpine.js directives.</li>
<li><strong>Lottie</strong>: Add Lottie animation to your Bricks editor.</li>
<li><strong>Rive</strong> [Soon]: Add Rive animation to your Bricks editor.</li>
<li><strong>GSAP Runtime</strong> [Soon]: Add GSAP runtime to your Bricks editor.</li>
</ul>
<p>Visit <a href="https://bricksbender.yabe.land" rel="nofollow ugc">our website</a> for more information.</p>
<h4>Love Yabe Bricksbender?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5/#new-post" rel="ugc">WordPress</a> 🙂</li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/brick-wall_3769316" rel="nofollow ugc">Freepik</a> on Flaticon</li>
</ul>
<h4>Contributors & Developers</h4>
<p>Interested in development?<br />
Visit the <a href="https://github.com/orgrosua/yabe-bricksbender" rel="nofollow ugc">GitHub repository</a> to get involved.</p>


Yabe Bricksbender

<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.

Yabe Bricksbender vs WindPress – Tailwind CSS integration for WordPress