https://github.com/wind-press/windpress
Use Tailwind CSS within the block editor, page builders, plugins, and themes — no build step is required
https://github.com/wind-press/windpress
tailwindcss wordpress
Last synced: about 1 month ago
JSON representation
Use Tailwind CSS within the block editor, page builders, plugins, and themes — no build step is required
- Host: GitHub
- URL: https://github.com/wind-press/windpress
- Owner: wind-press
- License: gpl-3.0
- Created: 2024-07-01T08:51:00.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-03-27T03:31:38.000Z (3 months ago)
- Last Synced: 2026-03-27T15:57:03.176Z (3 months ago)
- Topics: tailwindcss, wordpress
- Language: Vue
- Homepage: https://wind.press
- Size: 10.2 MB
- Stars: 114
- Watchers: 4
- Forks: 10
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Agents: AGENTS.md
Awesome Lists containing this project
README
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](https://wordpress.org/gutenberg/?ref=windpress) / Block Editor
- [GreenShift](https://shop.greenshiftwp.com/?from=3679)
- [Kadence WP](https://kadencewp.com/?ref=windpress)
- [LiveCanvas](https://livecanvas.com/?ref=4008)
- [Timber](https://upstatement.com/timber/?ref=windpress)
- [Blockstudio](https://blockstudio.dev/?ref=7) — **Pro**
- [Breakdance](https://breakdance.com/ref/165/) — **Pro**
- [Bricks](https://bricksbuilder.io/?ref=windpress) — **Pro**
- [Builderius](https://builderius.io/?referral=afdfca82c8) — **Pro**
- [Etch](https://etchwp.com?aff=bce0d1ab) — **Pro**
- [Meta Box Views](https://metabox.sjv.io/OeOeZr) — **Pro**
- [Oxygen 6 / Classic](https://oxygenbuilder.com/ref/12/) — **Pro**
- [WPCodeBox 2](https://wpcodebox.com/?ref=185) — **Pro**
#### Planned / In Progress
- [Elementor](https://be.elementor.com/visit/?bta=209150&brand=elementor)
- [Divi](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47622)
- [Pinegrow](https://pinegrow.com/wordpress?ref=windpress)
- [Zion Builder](https://zionbuilder.io/?ref=windpress)
## 🛠 Development
### Requirements
- [Node.js](https://nodejs.org/)
- [pnpm](https://pnpm.io)
- [Composer](https://getcomposer.org/)
### Getting Started
1. Clone the repository to your `wp-content/plugins` directory:
```bash
git clone https://github.com/wind-press/windpress.git windpress-dev
cd windpress-dev
```
2. Install the PHP dependencies:
```bash
composer install
```
3. Install the JavaScript dependencies:
```bash
pnpm install
```
4. Start the development server:
```bash
pnpm run dev
```
5. Activate the plugin.
## Community
- 💬 Join the community on [Facebook Group](https://wind.press/go/facebook) and [Discord](https://wind.press/go/discord)
## Sponsors
If you like this project, please consider supporting us by becoming a sponsor through the following platforms:
- [GitHub Sponsors](https://github.com/sponsors/suasgn)
- [Ko-fi](https://ko-fi.com/Q5Q75XSF7)
Thank you to all our Sponsors! 🥰🫰🫶
This project is tested with BrowserStack
## Repo Activity
