windicss-runtime-dom
v3.0.0TypeScript
Enables Windi CSS for any site with one-line code without any build tools - Windi CSS on the browser runtime
0/weekUpdated 3 years agoMITUnpacked: 885.3 KB
Published by Anthony Fu
npm install windicss-runtime-domwindicss-runtime-dom
Enables Windi CSS for any site with one-line code without any build tools - Windi CSS on the browser runtime.
``html`
And start playing!
Idea credit to @alexanderniebuhr 🙌
Prevent FOUC
To prevent FOUC (flash of unstyled content), you can update the following line to your
tag.`html
`Configurations
html
` for more details.Notes
This is an Experimental project what ships the Windi CSS compiler to the client-side. It utilizes
MutationObserver to watch the changes for the entire dom, and injects the style to the `. This might have a certain impact on the client-side performance, please consider using build tools instead of this if the production performance is something you need to consider. That said, it still works great and out-of-box for the scenarios that you want to focus more on content and styling without complex setups.And for a faster/lighter solution, you may want to check out twind/shim.
Sponsors
License
MIT License © 2021 Anthony Fu