The Draft plugin adds Tailwind CSS to WordPress.
How It Works
1
Configure
Quickly create a Design System for your WordPress site by configuring Tailwind CSS utility classes right in the block editor.
2
Apply
Globally apply Tailwind CSS classes to any HTML element & any Gutenberg block using the Tailwind CSS @apply directive.
3
Add Utility Classes
Beautify any Gutenberg block by adding responsive, stateful, Tailwind CSS utility classes in the WordPress block editor.
“How It Should Be Done”
What you have done makes the whole enterprise of using the block editor “Safer” and in this context third party vendors should only be allowed to override existing blocks in core by plugging in their own UI and features.
@irishetcher
!important Features
Utility Classes
Draft supports all the default Tailwind CSS utility classes.
Configure
Configure Tailwind CSS just like you would from your code editor to customize it to fit your needs.
Hover & Focus
Easily add styles, such as background & font colors, for ALL the states ( hover, focus, active, disabled, before, after dark, etc. ).
Responsive
Add custom breakpoints ( sm, md, lg, xl, 2xl ) and responsive styles to all the core WordPress blocks plus any block that supports adding CSS classes.
Any Theme
While we do have a theme built specifically for Draft, Draft works flawlessly with any WordPress theme built for the block editor.
Block Patterns
Get unlimited access to our responsive, ready-to-use, block pattern library.
Purge CSS
Only the styles you use get loaded in production mode, so you know page loads are blazing fast.
Import & Export
Supercharge your development workflow by effortlessly Importing & Exporting your Tailwind configuration between sites.
Custom CSS
With a built in code editor you can easily Apply Tailwind CSS classes to any site element and add whatever custom CSS you need.
Google Fonts
Effortlessly creating beautiful Typography is easy with ALL the Google fonts baked into the Draft plugin.
Pricing
FREE
FREE
- Unlimited Site License
- Unlimited FREE Block Patterns
- Access 5 Utility Classes
Unlimited Sites
$199/yr
$99/yr
First 500 customers get $99/yr pricing FOREVER, then price doubles to $199/yr.
- Unlimited Site License
- Unlimited Block Patterns
- Access All Utility Classes
SINGLE SITE
$49/yr
- Single Site License
- Unlimited Block Patterns
- Access All Utility Classes
14 Days Money Back Guarantee