Fuz_ui

Overview:

Fuz.dev is a design system for CSS, Svelte, and SvelteKit. It is designed around CSS variables and supports color-scheme and custom themes, including dark mode. Fuz has no dependencies except for Svelte, and it encourages the use of plain HTML elements over Svelte components, unless there are substantial gains to be had. It also includes a small and growing set of utility classes and has a single global importable style.css file.

Features:

• Plain CSS: Fuz is designed using plain CSS, making it easy to integrate into your existing projects.
• CSS Variables: Fuz utilizes CSS variables, providing flexibility in customizing themes and colors.
• Color Scheme and Custom Themes: Fuz supports color-scheme and custom themes, including dark mode, allowing for easy customization to suit individual preferences.
• No Dependencies (except for Svelte): Fuz has no dependencies except for Svelte, ensuring a lightweight and efficient design system.
• Plain HTML Elements: Fuz encourages the use of plain HTML elements like buttons and anchors over Svelte components, providing simplicity and versatility.
• Utility Classes: Fuz includes a small and growing set of utility classes, offering additional convenience and flexibility.
• Global Style.css: Fuz provides a single global importable style.css file, making it easy to include and use in your projects.

Summary:

Fuz is a versatile design system that focuses on simplicity and flexibility. With its plain CSS design, support for CSS variables and custom themes, and a growing set of utility classes, Fuz provides developers with the tools they need to create beautiful and customizable interfaces. Its integration with Svelte and SvelteKit makes it a seamless choice for Svelte developers, while its lightweight nature and lack of dependencies make it suitable for any project. Whether you prefer plain HTML elements or Svelte components, Fuz has you covered.