Tailwind CSS versions and configuration

WindPress Pro integrates Tailwind CSS 3.x and 4.x with WordPress. It starts with a default configuration, which you can tailor for your project, and requires no setup to begin. Choose the Tailwind CSS version in the extension options, then connect an editor or builder integration that fits your workflow.

WindPress works with any WordPress theme, though you may need to adjust the compiler scanner to detect classes used in a theme. Its dashboard uses the WordPress REST API and a modern JavaScript framework.

Tools in supported editors

Available utilities depend on the integration. They can suggest Tailwind CSS classes as you type, let you choose theme colors, fonts, and other variables from a panel, and sort classes in the input field. Where supported, you can convert Tailwind CSS HTML to native editor components. Hover over a class to inspect its generated CSS and preview the design canvas. The floating Ubiquitous Panel gives access to WindPress settings from the page.

Editor and builder integrations

Listed integrations include Gutenberg and the Block Editor, GreenShift, Kadence, WP LiveCanvas, and Timber. Pro integrations include Blockstudio, Breakdance, Bricks, Builderius, Etch, Meta Box Views, Oxygen 6 and Classic, and WPCodeBox 2. Elementor, Divi, Pinegrow, and Zion Builder are listed as planned or in progress.

The integration API lets developers create custom connections to Tailwind CSS. Tailwind CSS extensions can be added in the tailwind.config.js file. Plugins loaded from a CDN require an internet connection; WindPress does not require internet access by default.

CSS generation and caching

WindPress can cache CSS and generate the final optimized CSS file in the browser, without server-side tools. Use the settings to generate the cached file as part of your CSS workflow.

Getting started

Open WindPress settings from the plugin interface or floating panel. Select Tailwind CSS 3.x or 4.x, customize the default configuration if needed, and use the relevant editor or builder integration. Class suggestions, variable selection, previews, and sorting are available where the integration supports them.