Title: Winden — Tailwind CSS Compiler with Full WordPress Integration Author: DPlugins Published: 29.01.2026 Last modified: 27.05.2026 --- Шукати плагіни ![](https://ps.w.org/winden-dplugins-tailwind-css-compiler/assets/banner-772x250. png?rev=3460243) ![](https://ps.w.org/winden-dplugins-tailwind-css-compiler/assets/icon.svg?rev=3460243) # Winden — Tailwind CSS Compiler with Full WordPress Integration Від автора [DPlugins](https://profiles.wordpress.org/dplugins/) [Завантажити](https://downloads.wordpress.org/plugin/winden-dplugins-tailwind-css-compiler.1.3.1.zip) * [Деталі](https://uk.wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/#description) * [Відгуки](https://uk.wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/#reviews) * [Встановлення](https://uk.wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/#installation) * [Розробка](https://uk.wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/#developers) [Підтримка](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/) ## Опис Winden brings the full power of Tailwind CSS v4 to WordPress. Write utility classes directly in your editor and see them compiled in real-time. **Features:** * Full Tailwind CSS v4 support * Fallback for Tailwind CSS v3 with Config support * Real-time compilation in browser * Works with any theme or page builder * Gutenberg integration * Developer-friendly **Integrations:** * Gutenberg (free) * [FanCoolo WP](https://dplugins.com/downloads/fancoolo-wp/) (free) * Oxygen Builder (pro) * Bricks Builder (pro) * Elementor (pro) * Builderius (pro) **Bundled Tailwind Plugins:** * @tailwindcss/forms * @tailwindcss/typography * @tailwindcss/container-queries **Easy migration:** * With single copy paste of style tab you can migrate form WindPress and other tailwindcss integration to Winden keeping all the classs in block attributes ### External Services Winden provides optional integration with external services for loading third-party Tailwind plugins. Core features work entirely offline. **Third-Party Tailwind Plugins:** When you use the `@plugin` directive with an external URL in your CSS configuration, Winden fetches the plugin module at compile time. For example: `@plugin "https:// esm.sh/daisyui@5";` * Only activated when user explicitly adds a `@plugin` directive with a URL * Supports any ESM-compatible CDN (esm.sh, unpkg, jsdelivr, etc.) * Plugin fetching only occurs during development mode compilation * In production mode with dev mode disabled, no external requests are made * No user data or site information is transmitted ## Скріншоти * [[ * Winden settings panel * [[ * Tailwind classes in Gutenberg * [[ * [[ * [[ * [[ * [[ ## Встановлення 1. Upload the plugin folder to `/wp-content/plugins/` 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Navigate to Winden settings to configure ## Часті питання ### Does this work with my page builder? Winden works with Gutenberg out of the box. Pro integrations are available for Oxygen, Bricks, and Elementor. ### Do I need to know Tailwind CSS? Basic knowledge of Tailwind CSS classes is helpful. Visit [tailwindcss.com](https://tailwindcss.com/docs) for documentation. ### Winden Documentaion Visit [tailwindcss.com](https://docs.dplugins.com/winden/) for documentation. ## Відгуки ![](https://secure.gravatar.com/avatar/9a67d815d751ab662aa64282b517a77a59502cfdcaba00fedd46774407294f7e? s=60&d=retro&r=g) ### 󠀁[Great addition to any builder](https://wordpress.org/support/topic/great-addition-to-any-builder/)󠁿 [milenfrom](https://profiles.wordpress.org/milenfrom/) 01.02.2026 1 reply If you like tailwind and WordPress there is 100% chance you’ll like Winden as well. ![](https://secure.gravatar.com/avatar/d8fedf88cef08892751b30d6e52d65bafe28b2d5940339a3c8b8431c0bd0d8b5? s=60&d=retro&r=g) ### 󠀁[Amazing plugin](https://wordpress.org/support/topic/amazing-plugin-2844/)󠁿 [cmsexpert](https://profiles.wordpress.org/cmsexpert/) 30.01.2026 This is a great plugin to make my design system work easily with Gutenberg. I always found it difficult to use custom classes and design system in gutenberg and this plugin just solved my issue. Bingooo! [ Прочитати всі 2 відгуки ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/) ## Учасники та розробники “Winden — Tailwind CSS Compiler with Full WordPress Integration” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники: Учасники * [ DPlugins ](https://profiles.wordpress.org/dplugins/) * [ Marko Krstić ](https://profiles.wordpress.org/krstivoja/) [Перекладіть “Winden — Tailwind CSS Compiler with Full WordPress Integration” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/winden-dplugins-tailwind-css-compiler) ### Цікавитесь розробкою? [Перегляньте код](https://plugins.trac.wordpress.org/browser/winden-dplugins-tailwind-css-compiler/), перегляньте [сховище SVN](https://plugins.svn.wordpress.org/winden-dplugins-tailwind-css-compiler/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/winden-dplugins-tailwind-css-compiler/) за допомогою [RSS](https://plugins.trac.wordpress.org/log/winden-dplugins-tailwind-css-compiler/?limit=100&mode=stop_on_copy&format=rss). ## Журнал змін #### 1.3.1 * Updated dependencies for build compatibility #### 1.3.0 Editor Experience * Reorder & hide editor tabs – Drag tabs to rearrange or hide unused tabs * Unsaved changes protection – Browser warns before leaving with unsaved work * Style tab content preservation – Custom CSS now preserved when toggling tabs on/off * Improved error visibility – Cache errors highlighted with red color and warning icon * Better tab labels – Clearer descriptions for “Main Style” tab, removed confusing lock icon Wizzard Design Tokens * Welcome screen – First-time users get clear instructions and quick Settings access * Clearer builder integration labels – “Use Bricks colors” instead of vague “Include Bricks” * Simplified scale calculator – Replaced “mega/ giga” jargon with familiar Tailwind defaults Performance & Reliability * Fixed cache collisions – Large config files now compile reliably without stale CSS * Improved class detection – Removed classes now properly disappear from output * CDN plugin loading – Automatic retry on failure with 10- second timeout * Security improvements – Added security checks to compilation endpoints* Tested with WordPress 7.0 Bug Fixes * Fixed Monaco editor autocomplete appearing at wrong times * Fixed false“ content changed elsewhere” warnings * Fixed Bricks Builder autocomplete hover issues* Fixed Oxygen Classic integration * Fixed color value validation and reset functionality* Fixed rare SCSS hang when another plugin already loaded Sass * Fixed tab visibility flash on page load * Fixed double class instantiation issues #### 1.2.6 * Tailwindcss update to 4.3.0 #### 1.2.5 * Tailwindcss update to 4.2.4 #### 1.2.4 * Tailwindcss update to 4.2.3 #### 1.2.3 * Fixed `getBricksThemeFontFamilies()` overwriting global `$post` during `admin_enqueue_scripts`, which prevented custom fields (meta boxes) from saving in Gutenberg for any CPT when Winden was active #### 1.2.2 Hotfix * Fixed calculator * Fixed style guide #### 1.2.1 Hotfix * Pass tailwind default colors to the builders #### 1.2.0 Feature * Add default colors from Wizzard #### 1.1.3 Bug Fixes * Fixed color shade toggle. It was passing shades to Gutenberg regarding of the setting #### 1.1.2 Improvements * Updated TailwindCSS to v4.2.1 * Updated admin scripts with npm to latest version for security reasons #### 1.1.1 Features * Cache popup now have list of classes that were scanned in the process Improvements * Color Management * Custom shade colors are now properly preserved during color regeneration. * Better input validation and error handling for color names and hex values. * Improved breakpoints caching and performance in autocomplete.* Compiler and watcher scripts now only load for logged-in users, preventing 400 AJAX errors from anonymous visitors. Bug Fixes * Fixed color shade updates not reflecting base color changes. * Improved cache popup behavior. #### 1.1.0 Features * Text Class Editing Support * Multi-Tab Save Protection If someone else( or another tab) saves while you’re editing, you’ll get a warning instead of your changes being silently overwritten. Improvements * Color Picker Visibility * Fixed the color picker being cut off by overflow: hidden on the layout. * Color Shade Updates * Changing a base color now correctly updates all generated shades. * Multi-Word Color Names * Color names like“ Blue Light” or “Blue Dark” now display correctly in the Style Guide preview. * Smoother Shade Sliders * Dragging shade sliders is now more responsive with less lag. B* etter Error Messages * Save and fetch errors now show clearer messages in the browser console. Enable WP_DEBUG to see detailed timing and diagnostic info. #### 1.0.9 * Improved: Tested up to WordPress 6.9.1 * Fixed: Scripts loading on frontend when user was logged out #### 1.0.8 > 1.0.0 * Initial release #### 1.0.0 * Initial release ## Мета * Версія **1.3.1** * Останнє оновлення **5 години тому** * Активних встановлень **Менше 10** * Версія WordPress ** 6.7 або вище ** * Tested up to **7.0.0** * Версія PHP ** 8.0 або вище ** * Мова * [English (US)](https://wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/) * Позначки * [compiler](https://uk.wordpress.org/plugins/tags/compiler/)[css](https://uk.wordpress.org/plugins/tags/css/) [gutenberg](https://uk.wordpress.org/plugins/tags/gutenberg/)[page builder](https://uk.wordpress.org/plugins/tags/page-builder/) [tailwind](https://uk.wordpress.org/plugins/tags/tailwind/) * [Розширений перегляд](https://uk.wordpress.org/plugins/winden-dplugins-tailwind-css-compiler/advanced/) ## Оцінки 5 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/reviews/) ## Учасники * [ DPlugins ](https://profiles.wordpress.org/dplugins/) * [ Marko Krstić ](https://profiles.wordpress.org/krstivoja/) ## Підтримка Є що сказати? Потрібна допомога? [Перейти в форум підтримки](https://wordpress.org/support/plugin/winden-dplugins-tailwind-css-compiler/)