Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thespicyweb/vanilla_breeze
Convert Tailwind CSS to Semantic CSS
https://github.com/thespicyweb/vanilla_breeze
Last synced: 6 days ago
JSON representation
Convert Tailwind CSS to Semantic CSS
- Host: GitHub
- URL: https://github.com/thespicyweb/vanilla_breeze
- Owner: thespicyweb
- Created: 2022-08-18T18:33:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-17T01:47:53.000Z (about 1 year ago)
- Last Synced: 2024-08-02T20:46:55.918Z (3 months ago)
- Language: JavaScript
- Homepage: https://www.vanillabreeze.dev
- Size: 437 KB
- Stars: 152
- Watchers: 2
- Forks: 4
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vanilla Breeze
## A Tailwind to Vanilla CSS Converter
Available publicly at [vanillabreeze.dev](https://www.vanillabreeze.dev).
Or to run this application locally, all you need is [Node](https://nodejs.org/en/) v18+.
First, install dependencies:
```shell
$ npm i
```
Then, run the esbuild processes & web server in separate terminals:
```shell
$ npm run build -- --watch
```
```shell
$ npm run dev
```
Or in a production environment, you can kick off a one-time esbuild build and then start the server:
```shell
npm run deploy
```
Vanilla Breeze is currently in "early beta" so if you encounter any bugs or in particular if any standard-ish Tailwind markup doesn't convert well or at all, please file an issue so we can make improvements. Or better yet, submit a PR! 😃👍
----
**NOTE:** currently this repo includes a Plausible analytics tag in the HTML head. If you decide to run the app yourself, please remove the tag so it won't interfere with our [production site](https://www.vanillabreeze.dev). Thank you!
(Why is this even an issue, you may ask? It's because with the exception of the client-side JavaScript, the website is entirely "buildless". This was an intentional choice. Cool in some ways, but one way it's not is that there's no ability to inject ENV vars and add templating logic accordingly. Oh well!)