Micro utility-first CSS framework with reactive web components and state management.
npm install @dufeut/uizy 
Small footprint, big impact – the micro CSS framework for UIs.
~6kb gzipped JS + ~6.5kb gzipped CSS


``bash`
npm install @dufeut/uizy
`js`
import uizy from "@dufeut/uizy";
import "@dufeut/uizy/index.css";
Or via CDN:
`html`
`js`
uizy.start({
globals: true,
layout: { layout: { header: 56, footer: 48, left: 240 } },
theme: { colors: { primary: "#6b08a5", accent: "#1eadff" } },
components: {
button: () => "px-4 py-2 bd-a br-1 e-p e-ns",
},
stores: {
counter: uizy.store.atom(0),
},
onReady: () => console.log("Ready!"),
});
`html`
Count:
- Utility CSS – Atomic classes for rapid styling
- Web Components – , , , :tooltip.top="text"
- Reactive State – Built-in nanostores integration
- Components & Actions – Register reusable styles and event handlers
- Directives – Custom attributes with modifiers ()sm
- Plugins – Namespace and bundle related functionality
- Responsive – Mobile-first breakpoints (, md, lg, xl, xxl`)
BSD 3-Clause