Introduction

Mizu is a clean, airy design system for AI products and the designers building them. White surfaces, soft shadows, pill controls, and the components a modern assistant needs, built honestly for Svelte 5 and Tailwind v4.

The language

Interfaces built for AI deserve calm. Mizu (水, "water") keeps every surface quiet so the content and the intelligence can speak: white on white with subtle dividers, shadows you feel more than see, one blue accent, and a soft pastel glow reserved for the moments where the AI is present. Nothing shines, nothing shouts.

Principles

• Quiet by default. Hierarchy comes from space, tonal fills, and type, not decoration. The accent is for what matters.
• Accessible underneath. Interactive components wrap bits-ui primitives, so keyboard and screen-reader behavior is handled.
• Yours to own. Components are copied into your project as source. No black-box dependency, no version lock.
• Tokens all the way down. One theme file drives every surface, in an airy light mode and a pure-black dark mode.

How it ships

Every component is source you copy into your project and own. Add one with a single command using the CLI you already have, point an AI agent at the clean per-component JSON, or copy the code straight from any component page. 79 components are ready today.