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: 3 months 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-07T20:39:50.000Z (12 months ago)
- Last Synced: 2025-02-07T21:28:31.324Z (12 months ago)
- Topics: tailwindcss, wordpress
- Language: JavaScript
- Homepage: https://wind.press
- Size: 6.33 MB
- Stars: 28
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
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/?ref=windpress) — **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
