@fuz.dev/fuz v0.81.0

@fuz.dev/fuz

friendly user zystem 🧶 fuz.dev

Fuz is a design system for CSS, Svelte, and SvelteKit:

• plain CSS
• designed around CSS variables
• supports color-scheme and custom themes (including dark mode)
• no dependencies except for svelte
• encourages plain HTML elements like button and a over Svelte components unless the gains are substantial
• has a small and growing set of utility classes - currently includes a single global importable style.css, see this issue about optimization

usage

npm i -D @fuz.dev/fuz

Import modules at their full paths:

// plain CSS stylesheets:
import '@fuz.dev/fuz/style.css';
import '@fuz.dev/fuz/theme.css'; // or bring your own
// Svelte components:
import Themed from '@fuz.dev/fuz/Themed.svelte';
// TypeScript modules:
import {type Theme, get_theme} from '@fuz.dev/fuz/theme.js';

See the library and the exports in package.json.

develop

npm i # node >=20.7

# development
npm run dev

# production
npm run build
npm start

credits 🐢🐢🐢

Design and implementation contributions by Hamilton Reed (@greatbacon)

TypeScript ∙ Svelte ∙ SvelteKit ∙ Vite ∙ esbuild ∙ uvu ∙ Gro ∙ prismjs ∙ prism-svelte ∙ ESLint ∙ Prettier & more

license 🐦

MIT