Uizy

Installation

``bash
npm install @dufeut/uizy
`

`js
import uizy from "@dufeut/uizy";
import "@dufeut/uizy/index.css";
`

Or via CDN:

`html


`

Quick Start

`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


Header
Sidebar

>Add + >
Count:

Footer

`

Features

- Utility CSS – Atomic classes for rapid styling
- Web Components – , , ,
- Reactive State – Built-in nanostores integration
- Components & Actions – Register reusable styles and event handlers
- Directives – Custom attributes with modifiers (:tooltip.top="text")
- Plugins – Namespace and bundle related functionality
- Responsive – Mobile-first breakpoints (sm, md, lg, xl, xxl`)

License

BSD 3-Clause