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
• 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.

Community

• 💬 Join the community on Facebook Group.

Backers

Thank you to all our backers! 🥰🫰🫶

If you like this project, please consider supporting us by becoming a backer. [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here and on the WindPress website with a link to your website. [Become a sponsor]

Star History