WindPress Pro

Tailwind CSS versions and configuration

WindPress Pro brings Tailwind CSS 3.x or 4.x into WordPress. Start with the default configuration without setup, then adjust it for the project. WindPress works with any WordPress theme, though the compiler scanner may need an adjustment to detect classes used in a theme.

Class editing in supported integrations

Available tools depend on the editor integration. They can include class suggestions as you type, a picker for theme colors, fonts, and other variables, and class sorting in the input field. In the editor, Tailwind CSS HTML can be converted to native elements. Hover over a class to view its generated CSS and a styling canvas preview. The floating Ubiquitous Panel opens WindPress options from the page.

Editors and builders

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 core Tailwind capability is available across versions, though integrations included in the free version may change.

CSS generation and Tailwind extensions

WindPress generates the final optimized CSS file in the browser and can cache it without server-side tools. Tailwind CSS plugins can be added in the tailwind.config.js editor. These plugins load from a CDN, so an internet connection is required to use them; internet access is not required by default.

Getting started

Open WindPress settings from the plugin interface or Ubiquitous Panel. Choose Tailwind CSS 3.x or 4.x, customize the configuration if needed, and connect a relevant editor or builder integration. Then use the available class suggestions, variable picker, sorting, conversion, and preview tools in that editing workflow.