Generates CSS in the browser, with no build step & no Node. Drop in a <script> tag & the classes on the page start working.
Usage
index.html
<!doctype html><html> <head> <script src="https://unpkg.com/@yummacss/runtime"></script> </head> <body> <div class="c-indigo fw-500">Hello World</div> </body></html>
There is nothing else to set up. No config file, no marker in a stylesheet, no install step.
When To Use It
This is the right choice for a single HTML file, a CodePen, or anything static where a build pipeline would be more setup than the page itself.
It is the wrong choice for an application you ship. Generation happens on every page load rather than once at build time, so every visitor pays for work a plugin would have done ahead of time. Reach for @yummacss/vite or @yummacss/postcss as soon as you have somewhere to put one.
The playground runs on it, which is the clearest demonstration of what it does.