BACK TO DIRECTORY

Winden — Tailwind CSS Compiler with Full WordPress Integration

by DPlugins

5.0
(2 ratings)

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 @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

Screenshots

Winden settings panel

Winden settings panel

Tailwind classes in Gutenberg

Tailwind classes in Gutenberg

Plugin Details

Active Installs
10
Total Downloads
2,113
Version
1.4.2
Requires WP
6.7
Requires PHP
8.0
Tested Up To
7.0.4
Added
2026-01-29
Last Updated
2026-08-20 11:02am GMT

Ratings

5
2
4
0
3
0
2
0
1
0