Skip to content
Mizu

Introduction

Mizu is a Svelte 5 component library for AI products. Build conversations, voice interfaces, and agent workflows with source you can copy into your project and customize.

The language

Black, white, and neutral grays give the interface its structure. Color marks status and AI activity. Controls remain distinct on each surface, with visible focus and readable labels in light and dark themes.

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 for established keyboard and screen-reader behavior. Supply meaningful labels and test the completed flow in your app.
  • 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 a neutral 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.