ska-blocks – TailwindCSS for Block Editor
Advanced UI for managing Tailwind classes on WordPress blocks, generate Tailwind HTML with AI, convert HTML to blocks.
Solid choice
ska-blocks is a solid plugin choice in 2026, with a few things worth checking first. It runs on 80+ sites, is rated 5/5 and was last updated 2 months ago, and scores 71/100 on our health check.
- Tested with the latest WordPress (7.1)
- Small user base (80+ active installs)
- Very few reviews so far
- Needs PHP 8.1 or newer
How does it stack up?
Side-by-side on installs, updates, ratings & supportDaily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where ska-blocks stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| AI | >100 |
| blocks | >100 |
| fse | #45 |
| gutenberg | >100 |
| tailwind | #2 |
Version adoption
Share of active sites per release.
Rating breakdown
★★★★★★★★★★ 5 from 1 reviews
About ska-blocks
From the official readme · v1.2.12Description
ska-blocks plugin provides a seamless Tailwind CSS integration with the WordPress Block Editor.
Manage Tailwind classes on blocks with an intuitive UI, making it possible to implement any Tailwind-based website design directly in the Block Editor with no build step, template files or third party page builders. The plugin comes with low level blocks that can represent any HTML element, which makes it possible to convert custom HTML to blocks and makes the Gutenberg editor incredibly flexible.
Live demo on WordPress playground
Website
Read the docs
Features
- Enter any Tailwind class – the plugin compiles the CSS for it and enqueues it in the block editor and front end.
- No bloat – any classes you don’t use on the page don’t get loaded, only Tailwind theme and properties are loaded globally, optionally Tailwind’s preflight can be included as well.
- Responsive – easily target any breakpoint in the block editor.
- Flexible – full control to utilize all HTML elements with any HTML attributes and styles – tailor custom solutions with no need for page builder bloat.
- Convert HTML to blocks – have an existing TailwindCSS-based design? Convert it to blocks automatically, use UI to fine-tune it and have less-technical users easily modify text content in a simple WYSIWYG environment.
- Presets & Variations – create reusable sets of classes, or blocks.
- AI integration – generate Tailwind HTML using AI and convert it to blocks on the spot.
Blocks
- Text – any HTML element that contains rich text.
- Element – any HTML element that contains other elements.
- Tailwind – convert Tailwind HTML to blocks – find HTML from the web or generate with AI.
- Image – render an image, placeholder, SVG, featured image, Lottie.
- Gallery – render multiple images with simple markup.
External services
When using AI this plugin connects to an API endpoint to communicate with various AI models. No external connection is made until you enter your own API key and specifically interact with the AI feature of the “Tailwind” block. Request is made when you press “Generate” and include your written prompt and the contents of the Tailwind block.
This service is provided by “OpenRouter”: terms of use, privacy policy.
Installation
Install via admin dashboard
- Go to your WordPress admin dashboard -> Plugins.
- Click “Add New”.
- Click “Upload Plugin”.
- Select the plugin zip file.
- Click “Install Now”.
- Activate the plugin from WordPress admin dashboard -> Plugins.
Manual install via FTP upload
- Upload the folder “ska-blocks” from the plugin zip file to your WordPress installations’
../wp-content/pluginsfolder. - Activate the plugin from WordPress admin dashboard -> Plugins.
Frequently asked questions
How to use AI
Get a free API key from OpenRouter.ai, enter it to plugin options at Settings -> ska-blocks -> Options -> AI and enter the model you wish to use (you can find free to use models on OpenRouter website). Insert the “Tailwind” block and press the “AI” button on the toolbar to enter your prompt. You can switch between HTML or Preview mode to see what the GPT generated and click on the AI button again to have the AI make adjustments. Once ready you can convert the HTML to blocks by hitting “Convert to blocks”.
Browser support
ska-blocks uses Tailwind 4 which supports the following browsers: * Chrome 111 (released March 2023) * Safari 16.4 (released March 2023) * Firefox 128 (released July 2024)
Changelog
1.2.12
- Additional UI fixes for WP 7.0 compatibility.
- UI updates for WP 7.1 compatibility.
- Fix permalink detection on archive pages.
1.2.11
- WordPress 7.0 compatibility.
- Convert HTML to blocks change – keep
widthandheightattributes on<svg>elements – conversion will be more faithful to the original, butsize-nTailwind classes may not have an effect until you remove the size attributes manually. - Fix potential fatal error with Photoswipe image dimensions detection logic.
- Lightbox block – cache image dimensions for fast retrieval.
- Added helper function for retrieving dynamic shortcode value:
ska_blocks_field('phone').
1.2.10
- Requires WP 6.8 (for
array_anypolyfill). - Tested with WP 6.9.
- Added “Role” option to Gallery block – allows to specify assistive technologies behavior for the gallery.
- Added “Cover” option to Gallery block – allows to easily apply
object-fit: coverto gallery images. - Added “Responsive” option to Gallery block – allows to control whether
srcsetandsizesare added to gallery images. - Custom links for gallery images in Gallery block can now include an
aria-labelfor the link. - Fixed bug in Gallery block with “Gallery wrapper” option disabled (e.g. a gallery rendered in a slider) added its’ Tailwind classes to the first gallery image instead.
- Breaking change – Gallery block images no longer have the default
attachment-{$size} size-{$size}classes, but you can use theska_blocks_gallery_image_attrfilter to add them back if needed. - Display Image block icon name in List view.
- Added live preview to SVG edit modal.
- Use more reliable method for applying
srcsetandsizesto background images. - Preloading images in head now works for images that have a
srcset. - Added new image loading mode – LCP – adds
fetchpriority="high"anddecoding="sync". - Fix sideloaded posts results missing in REST results due to insufficient permissions to “edit” non-existent posts.
- Add missing bare value support for
Top / right / bottom / leftutilities. - Removed OpenRouter fallback model option.
1.2.9
- Fix server-side registration of
ska/textblock. - The “Default” variant can now be renamed to transfer the current value(s) to another variant such as
smorhover. - Declared interactivity clientNavigation support for blocks.
- Clear Cache Enabler cache when updating options.
- Added admin dashboard widget for quick editing dynamic content.
- Update Query Filters to apply to all publicly queryable post types.
- Added option to target variables to root, body and parent, added option to duplicate variables.
- Fix search results offering presets in contexts they can’t be inserted.
- Cache and load Tailwind preflight from a CSS file by default.
- Query filters can now apply to main query.
- Image block can now render a low-res placeholder background.
- Image block and Background block support can now pre-load images in head.
- Add Query ID to sideloader.
- Block option panels now remember whether they’re collapsed or not.
- Added “Repeater” appender.
- Added
.htaccessfile for serving.wasmfile with properContent-TypeandCache-Control.
1.2.8
- Update Tailwind properties.
- Ensure all media queries are rendered later than other queries.
- Added fix for WPML translation replacing some characters with
wpml_curvedandencoded_tag_closed.
1.2.7
- Update packages.
- Update Tailwind to 4.1.4, better compatibility with Safari 15.
- Revert HEX colors to oklch colors with %.
- Moved Tailwind colors back to static theme (as CSS variables rather than inline reference) so they can utilize new polyfills.
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best ska-blocks alternatives
All AI plugins →FAQ
ska-blocks: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 11, 2026
Is ska-blocks free?
Yes. ska-blocks is free to download and use from the official WordPress.org plugin directory.
Is ska-blocks safe to use in 2026?
ska-blocks is a solid plugin choice in 2026, with a few things worth checking first. It runs on 80+ sites, is rated 5/5 and was last updated 2 months ago, and scores 71/100 on our health check.
How many websites use ska-blocks?
ska-blocks is active on 80+ WordPress websites and has been downloaded 2,049 times since it launched in March 2025. It was downloaded 136 times in the last 30 days.
Does ska-blocks work with WordPress 7.1?
Yes. The developer has tested ska-blocks up to WordPress 7.1.3, the latest release. It requires WordPress 6.8 or newer.
What PHP version does ska-blocks need?
ska-blocks requires PHP 8.1 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was ska-blocks last updated?
The latest version, 1.2.12, was released on August 20, 2026 (2 months ago).
Who makes ska-blocks?
ska-blocks is developed and maintained by ska-dev.
What are the best alternatives to ska-blocks?
The most popular alternatives to ska-blocks are Elementor Website Builder (10M+ installs), All in One SEO (2M+ installs) and AI Agent by SiteGround (1M+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card



