svelte-ui

A reusable Svelte 5 (runes) component library styled with Tailwind CSS v4 and MDI icons. Pick a component from the sidebar to see its live demo — on narrow screens, open it with the ☰ in the header. (The sidebar itself is this library's SideBarMenu.)

Theme-aware

Every component reads `--ui-*` CSS variables — light/dark + scoped inverse surfaces, no per-component tokens.

Shared axes

One `variant` (colour/style) and `size` (sm/md/lg) axis across sizeable components — they line up by construction.

Field chrome

Label / aside / error / description on every field-shaped control via one internal primitive.

Dependency-free

Peer deps only (Svelte 5, Tailwind v4, MDI icons). Rich defaults; inject a library at the seams when you want locale/phone rules.

Install: npm i @spaethtech/svelte-ui · import @spaethtech/svelte-ui/theme.css and go.