marcosrego

<p>Easily use <a href="https://marcosrego.com/development/mr-utils/" rel="nofollow ugc">Mr.Utils</a> front-end toolkit with the block editor interface without knowing code, the classes or the functions.</p>
<p>You can transform parent blocks (such as Columns or Groups) into components such as Search, Tabs, Swiper or Sliders (with pagination).</p>
<p>You can select what to do when mouse hovering a block (e.g. animations or a semi-opacity).</p>
<p>You can also apply changes to specific devices/breakpoints: Show/hide blocks depending of the device, remove default margins/paddings, apply a global margin/padding, change font-size depending of device and more.</p>


MR.Utils

Add a front-end toolkit to the block editor to change device visibility, get mouse hover options, animations, convert into components and more...

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.

MR.Utils vs Draft – Tailwind CSS for WordPress.