WindPress

WindPress is a platform-agnostic plugin for integrating Tailwind CSS into WordPress, allowing you to harness the full power of Tailwind CSS within the WordPress ecosystem.

Note

You are looking at the WordPress plugin for integrating Tailwind CSS v4.

The support for Tailwind CSS v3 is now available at https://siul.yabe.land.

Intro

Use Tailwind CSS within the block editor, page builders, plugins, and themes — no build step is required.

Features

• ✅  Easy to use: Simplified and intuitive settings to get you up and running quickly.
• 🥰  Customizable Configuration: Comes with a default Tailwind CSS configuration, which can be customized to fit your needs.
• ⚡️  Lightweight and blazingly fast: Built on top of WordPress REST API. It has a small footprint and won't slow down your site.
• 📦  Compile on the browser. No server is required: Generate the final CSS file in the browser without server-side tools. None of your data is transferred over the network.

Integrations

Seamless integration with the most popular visual/page builders:

• Gutenberg / Block Editor
• GreenShift
• Kadence WP
• Timber
• Breakdance — Pro
• Bricks — Pro
• Builderius — Pro
• LiveCanvas — Pro
• Oxygen — Pro

Planned / In Progress

• Elementor
• Divi
• Pinegrow
• Zion Builder

🛠 Development

Requirements

• Node.js
• pnpm
• Composer

Getting Started

1. Clone the repository to your wp-content/plugins directory:

   git clone https://github.com/wind-press/windpress.git windpress-dev
   cd windpress-dev

2. Install the PHP dependencies:

   composer install

3. Install the JavaScript dependencies:

   pnpm install

4. Start the development server:

   pnpm run dev

5. Activate the plugin.

Star History

Sponsors

If you like this project, please consider supporting us by becoming a sponsor.

Community

Join our Facebook Group