Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T13:45:01.000Z (2 months ago)
- Last Synced: 2024-09-17T08:44:29.721Z (2 months ago)
- Topics: tailwindcss, wordpress
- Language: JavaScript
- Homepage: https://wind.press
- Size: 3.2 MB
- Stars: 7
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
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) / Block Editor
* [GreenShift](https://greenshiftwp.com/)
* [Kadence WP](https://kadencewp.com)
* [Timber](https://upstatement.com/timber/)
* [Breakdance](https://breakdance.com/ref/165/) — **Pro**
* [Bricks](https://bricksbuilder.io/) — **Pro**
* [Builderius](https://builderius.io/?referral=afdfca82c8) — **Pro**
* [LiveCanvas](https://livecanvas.com/) — **Pro**
* [Oxygen](https://oxygenbuilder.com/) — **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)
* [Zion Builder](https://zionbuilder.io/)
## 🛠 Development
### Requirements
- [Node.js](https://nodejs.org/)
- [pnpm](https://pnpm.io)
- [Composer](https://getcomposer.org/)
- [Font Awesome Pro](https://docs.fontawesome.com/web/setup/packages#1-configure-pro-package-access)
### 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://www.facebook.com/groups/1142662969627943).
## Backers
Thank you to all our backers! 🥰🫰🫶
If you like this project, please consider supporting us by becoming a backer. [[Become a backer](https://opencollective.com/windpress#backer)]
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here and on the [WindPress website](https://wind.press) with a link to your website. [[Become a sponsor](https://ko-fi.com/post/WindPress-Bronze-Sponsor-U7U8143WIP)]
## Star History
