/vanilla_breeze

Convert Tailwind CSS to Semantic CSS

Primary LanguageJavaScript

Vanilla Breeze

A Tailwind to Vanilla CSS Converter

Available publicly at vanillabreeze.dev.

Or to run this application locally, all you need is Node v18+.

First, install dependencies:

$ npm i

Then, run the esbuild processes & web server in separate terminals:

$ npm run build -- --watch
$ npm run dev

Or in a production environment, you can kick off a one-time esbuild build and then start the server:

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. 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!)