Winden — Tailwind CSS Compiler with Full WordPress Integration
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 builde
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
- Winden Classes panel: a visual class helper with autocomplete, colour swatches and CSS previews
- HTML editor: edit any block as HTML, or paste a Tailwind component and get blocks that keep their classes
- Winden Group, Image, Text, Icon and Shape blocks for Tailwind markup
- 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
Container queries are built into Tailwind v4.
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";
