UAU Ready
Description
Winden – Tailwind CSS Optimization Tool is an addon that generates Tailwind CSS from the classes used in the project, reducing unused utilities and organizing the loading of styles in WordPress. In the DPlugins ecosystem, this additional component helps developers and agencies work with Tailwind in themes, templates, and custom pages without relying on manual compilation outside the site workflow.
Key Features of Winden – Tailwind CSS Optimization Tool
- Tailwind Compilation
Generates CSS files based on the classes applied in WordPress. - CSS Reduction
Removes unused utilities to decrease the final weight of styles. - Developer Workflow
Centralizes Tailwind adjustments within the WordPress project routine. - Usage with Templates
Allows applying utility classes to custom layouts and components. - Integration with DPlugins
Adds a dedicated module to DPlugins for organizing Tailwind CSS.
Benefits of Winden – Tailwind CSS Optimization Tool
- Less CSS Loaded
The site avoids loading styles that do not appear on pages. - More Direct Workflow
Developers keep visual adjustments within the WordPress environment. - More Consistent Layouts
Utility classes help standardize spacing, colors, and components. - Simpler Maintenance
Projects with Tailwind become easier to review and evolve.
Who Is Winden – Tailwind CSS Optimization Tool Intended For?
- WordPress developers who use Tailwind CSS in themes and custom pages.
- Agencies that build websites with a visual workflow based on utility classes.
- DPlugins users who need to add a Tailwind CSS optimization module.
How to Download Winden – Tailwind CSS Optimization Tool
Winden – Tailwind CSS Optimization Tool is available for download here at Ultrapack. After downloading the .zip file, install it via Plugins > Add New > Upload Plugin, select the package, and activate it. Keep DPlugins active to use the addon.
This addon is suitable for projects where Tailwind CSS is part of the site’s visual construction, especially when there are many utility classes distributed across pages, templates, and components. By concentrating CSS generation and reduction within WordPress, Winden – Tailwind CSS Optimization Tool makes the process more predictable for teams that need to maintain performance and visual consistency in the same workflow.
Frequently asked questions
Is DPlugins | Winden – Tailwind CSS Optimization Tool GPL-licensed?
Yes. DPlugins | Winden – Tailwind CSS Optimization Tool is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use DPlugins | Winden – Tailwind CSS Optimization Tool on multiple sites?
Yes. You can use DPlugins | Winden – Tailwind CSS Optimization Tool on multiple sites. The number of sites connected to Ultrapack Auto Updater is limited by your plan.
How much does DPlugins | Winden – Tailwind CSS Optimization Tool cost at Ultrapack?
DPlugins | Winden – Tailwind CSS Optimization Tool costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does DPlugins | Winden – Tailwind CSS Optimization Tool include updates?
Yes. The current version of DPlugins | Winden – Tailwind CSS Optimization Tool is 4.0.0, published at Ultrapack on Sep 4, 2026. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is DPlugins | Winden – Tailwind CSS Optimization Tool scanned before publication?
Yes. Every version of DPlugins | Winden – Tailwind CSS Optimization Tool goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What are the requirements for the plugin DPlugins | Winden – Tailwind CSS Optimization Tool?
Requires WordPress 6.2 or higher and PHP 8.0 or higher. Tested up to WordPress 7.1.
What changed in this version
Version 4.0.0
- Features
- Winden Classes panel — a visual class helper in Gutenberg. Type in a textarea with autocomplete instead of a tag field, see a colour swatch beside every colour class, hover a class to read the CSS it produces, and get classes that compile to nothing flagged as you write them. Available as its own editor sidebar, and switchable back to the tag input in Settings.
- HTML editor — edit any block as HTML straight from its toolbar. The editor docks beside the canvas and follows your selection.
- Paste a Tailwind component and get blocks — paste markup from any component library and it becomes real blocks that keep their classes, including images, galleries, tables, SVG and links.
- Three new blocks — Winden Image (a bare with no figure wrapper, and it can show the post's featured image), Winden Text (one inline element such as , or ), and Winden Icon (an SVG exactly as you pasted it).
- Winden Group and Winden Shape — two Group variations for Tailwind markup: any HTML element, any attribute, and no layout of its own. Winden Shape is for elements that are only decoration.
- HTML attributes on core blocks — add aria-*, data-*, style and the rest to Paragraph, Heading, List, Quote, Group, Code, Separator and Preformatted.
- Expand or collapse a whole branch in List View from a block's ⋮ menu.
- Tailwind plugin management — search npm for a plugin and add it without writing any CSS, and switch a plugin off without removing it.
- Container queries now work through Tailwind v4 itself.
- The compiler now leans on native Tailwind v4 APIs. Your existing Style tabs keep compiling unchanged.
- Faster admin: Monaco loads only on screens that have an editor, and the admin bundle is split and loaded as a module.
- File scanner: tri-state checkboxes, file-count badges, a loading spinner while the tree builds, and an inline confirmation on save.
- Wizzard design tokens now flow into the class helper's suggestions.
- Plain Group and Plain Image were renamed to Winden Group and Winden Image.
- Bundled Tailwind plugins can no longer be removed by accident.
- Tailwind CSS updated to v4.3.3.
- Tested up to WordPress 7.1.
- Cleared every outstanding npm security advisory.
- Bug Fixes
- Fixed a fatal error on a fresh install in the admin cache path.
- Fixed the Bricks providers reading option keys that the migration deletes. On a migrated site this stopped Wizzard variables reaching Bricks global variables, and silently stopped "dequeue Bricks styles" from applying.
- Fixed an empty Wizzard deleting the whole theme.
- Fixed a forced class losing its variants.
- Fixed the class panel being blind to classes Winden itself forces.
- Fixed the docked HTML editor flashing on every block selection, and the caret and selection jumping when changes are applied.
- Fixed arrow keys in the class textarea and in the suggestion list.
- Fixed a second browser tooltip drawing over the colour palette.
- Fixed the compiler blaming @theme instead of naming the plugin that failed.
- A pasted wp-image id from another site is now refused instead of resolving to the wrong attachment.
Version 3.3.4
- Updated Tailwind version to 4.3.2
Version 3.3.3
- Updated Tailwind version to 4.3.1
- Hotfix post save was clearing cached CSS
Version 3.3.2
- Version bump
Version 3.3.1
- Bug Fixes
- Icons color in menu sidebar was not color. Winden was deregistering scripts to improve performance and wp script " svg-painter " was removed as well.
- Winden Wizard was failing to open. JS file was corrapted. Recompiled and uploading .zip again.
- Fixed compatibility with plugins ASE. Big thanks to "Alexander Senger" for reproducing bugs
Release notes published by the developer.
How to install
Automatic updates: this item is updated by the Ultrapack Auto Updater. With it installed, the new version shows up in your dashboard like any other WordPress update (how to set it up).
- Download the file
winden.zip. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
- Select the file
winden.zipand click Install Now. - Click Activate.
Requirements: Requires WordPress 6.2 or higher and PHP 8.0 or higher. Tested up to WordPress 7.1.
Stuck on a step? Open a ticket telling us which one you stopped at.