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 v3 and v4.

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
• LiveCanvas
• Timber
• Blockstudio — Pro
• Breakdance — Pro
• Bricks — Pro
• Builderius — Pro
• Meta Box Views — Pro
• Oxygen 6 / Classic — Pro
• WPCodeBox 2 — 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.

Community

• 💬 Join the community on Facebook Group and Discord

Sponsors

If you like this project, please consider supporting us by becoming a sponsor through the following platforms:

• GitHub Sponsors
• Ko-fi

Thank you to all our Sponsors! 🥰🫰🫶

This project is tested with BrowserStack

Repo Activity