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.

Studio Immens

<p><strong>Studio Immens CSS Classes</strong> is a developer-focused plugin built for speed, flexibility, and real results. Designed for agencies, freelancers, and pros who want to supercharge Gutenberg-based WordPress sites, this plugin empowers you to ditch repetitive CSS and deploy custom utility classes with zero friction.</p>
<p>The latest version adds seamless integration with a curated set of popular CSS frameworks—Bootstrap, Materialize, UIkit, PureCSS, Semantic UI, Spectre.css, and Bulma. Here’s what you can now do in one click:</p>
<p>• Select your preferred CSS framework right from the editor.<br />
• Automatically access the full list of utility classes from that framework.<br />
• Preview how classes look in real time, directly inside Gutenberg blocks.<br />
• Apply classes instantly—no manual coding, no guesswork.</p>
<p>All of this while maintaining razor‑sharp performance: a tiny, clean stylesheet and no unnecessary JavaScript overhead, keeping your site lean and lightning fast.</p>
<h3>What the plugin includes:</h3>
<ul>
<li>Easily build your own CSS classes</li>
<li>Add or remove classes from blocks with one click</li>
<li>Zero performance impact (very light and clean CSS file)</li>
</ul>
<p>Perfect for those who use a modular approach to layout construction and want to <strong>avoid writing custom rules</strong> in the theme or block CSS every time.</p>
<h3>How it works</h3>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to the CSS Classes section and create your own classes with the properties you want.</li>
<li>Go to the page editor (Gutenberg).</li>
<li>In the “CSS Classes” section of each block, you can select the plugin’s custom classes.</li>
</ol>
<p>You can easily combine classes to achieve complex results.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://www.studioimmens.com" rel="nofollow ugc">Studio Immens</a> – Modular digital solutions for professionals and businesses.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>


Studio Immens CSS Classes

Create your own set of custom CSS classes, ready to use with one click, to enhance the design of your Gutenberg blocks.

Draft – Tailwind CSS for WordPress. vs Studio Immens CSS Classes