Elementor addon offering 120+ widgets and templates — Elementor Gallery, Slider, Form, Post Grid, Menu, Accord...
Free
1M+ installs 4.9★ (4,111)
Draft
Add Tailwind CSS to WordPress, in seconds.
The facts
- Rating
- 5★ from 4
- Active installs
- 600+
- Price
- Free
- Last updated
- 23 Sep 2024
- Added
- Aug 2021
- Requires WP
- 5.0
- Tested up to
- WP 6.6.7
- Requires PHP
- 5.6
- Downloads
- 12,725
Our analysis
AI-assistedDraft – Tailwind CSS for WordPress is a plugin that allows you to use Tailwind CSS within your WordPress site without any setup. You can configure Tailwind CSS directly from the WordPress editor and add utility classes to your blocks and inline text.
This plugin is suitable for users who want to enhance their WordPress design using Tailwind CSS. It offers features like custom CSS addition and responsive block patterns to help you build your site efficiently.
Best for: This plugin is best for WordPress users looking to implement Tailwind CSS in their site design.
What it does well
- ✓Free to use and available in the WordPress.org directory
- ✓No setup required for using Tailwind CSS
- ✓Allows configuration of Tailwind CSS within the WordPress editor
- ✓Supports adding utility classes to Gutenberg blocks and inline text
- ✓Includes 50+ responsive block patterns
Where it falls short
- •Limited information on Pro features and performance improvements
- •No details on compatibility with specific themes or plugins
Verdict
Draft offers a straightforward way to integrate Tailwind CSS into WordPress. It is a useful tool for those familiar with Tailwind CSS who want to enhance their site’s design.
From the developer
leeshadle's own description of Draft, lightly tidied.
Install the free plugin and start using Tailwind CSS in WordPress, instantly.
⏰ Start using Tailwind CSS in WordPress in seconds, no setup required.
⚙️ Effortlessly configure Tailwind CSS right from WordPress.
⚡️ Build even faster with 50+ responsive, copy & paste block patterns.
Current Tailwind CSS version: 3.4.5
How It Works:
- Install free Draft plugin
- Configure Tailwind CSS right in the page, post, or site editor or from WP Admin > Settings > Draft settings
- Add Tailwind CSS utility classes to blocks
- Go Pro to improve site performance by purging unused CSS
Free plugin features:
- Configure Tailwind
- Add Custom CSS ( including ability to @apply Tailwind CSS utility classes )
- Add Tailwind CSS utility classes to Gutenberg blocks
- Add Tailwind CSS utility classes inline to text ( such as headings and paragraphs )
Pro plugin features:
- Purge Unused CSS ( make your WordPress site blazing fast )
Block-Editor Add-ons:
- Dark mode toggle block – add dark mode toggle blocks anywhere to toggle using the Tailwind CSS darkMode ‘selector’ strategy
- Group block link – add links to the Group block for creating linkable cards and layouts
- Archive title filter – add text before/after archive titles for better archive labeling
Go Pro
Free full-site-editing (FSE) block theme:
Free ready-to-use copy & paste block patterns:
Free ready-to-use copy & paste block templates:
Tagged as
industry
Library & Archive
platform
Gutenberg & Block Editor
Alternatives
Other plugins for extending a page builder.
Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, & 100+ widgets...
Free
1M+ installs 4.9★ (2,036)
Elementor addons with 18+ free widgets, Header & Footer Builder, WooCommerce widgets & templates. Trus...
Free
2M+ installs 4.9★ (2,525)
Elementor Carousel, Mega Menu, Posts List/Slider, WooCommerce Widgets, Display Conditions, AI Abilities, Prema...
Free
600k+ installs 4.9★ (1,677)
Elementor templates, Header footer builder, Elementor Post Grid, Woocommerce Grid builder, Slider, Forms, Gall...
Free
600k+ installs 4.8★ (611)
Disable Gutenberg Block Editor and restore the Classic Editor and original Edit Post screen (TinyMCE, meta box...
Free
500k+ installs 5★ (733)