Popis
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 (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
@plugindirective 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
Snímky obrazovky
Winden settings panel 
Tailwind classes in Gutenberg 
Instalace
- Upload the plugin folder to
/wp-content/plugins/ - Activate the plugin through the ‚Plugins‘ menu in WordPress
- Navigate to Winden settings to configure
Nejčastější dotazy
-
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 for documentation.
-
Winden Documentaion
-
Visit tailwindcss.com for documentation.
Recenze
Autoři
Winden — Tailwind CSS Compiler with Full WordPress Integration je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu.
Spolupracovníci
Přeložte “Winden — Tailwind CSS Compiler with Full WordPress Integration” do svého jazyka.
Zajímá vás vývoj?
Prohledejte kód, podívejte se do SVN repozitáře, nebo se přihlaste k odběru protokolu vývoje pomocí RSS.
Přehled změn
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