Skip to content
MIZU.
An archive of interface craft

MIZU.

Surfaces, motion and systems — made slowly, finished properly, released when ready.

Enter the lab
The standpoint
SurfacesMotionTypographySystemsThemesPatternsComponentsExperiments

01 — Manifesto

What Mizu is,
and why it exists.

Mizu is a living archive of interface craft — surfaces, motion and systems — gathered slowly, finished properly, and released when they're ready.

It ships as mizu-ui, a React component library on npm: 131 systems in 14 families, from timelines and charts to forms and data tables. Browse the collection or get started.

01

Craft over speed

Interfaces are finished, not shipped. Every easing curve, hairline and state is decided on purpose — then left alone. Speed is a side effect of knowing what you're making.

02

Motion is material

Movement is not decoration. It carries meaning: where something came from, what it relates to, what just happened. A transition that carries no information doesn't ship.

03

Systems over pages

A page is a photograph of a system. Mizu builds the system — states, edges, empty and loading cases, reduced motion, keyboard paths — so the pieces hold up everywhere, not just in a screenshot.

02 — Selected pieces

Work in the open

MZX—01

Ambient motion study

2026

MZX—02

Kinetic typography engine

2026

MZX—03

Page choreography

2025

MZX—04

Generative surface

2025

Open a piece to see it running. More live work is in the lab.

03 — Signature systems

Whole instruments,
not parts.

Timelines, editors, readers and controls with their states, keys and motion finished — each one a working system you can take apart.
  1. SIG—01ChronicleA zoomable, multi-lane timeline for incidents, releases and audit trails
  2. SIG—02TrendChartValues over time as an instrument
  3. SIG—03WaveformAudio you can see and scrub
  4. SIG—04PlaneAn infinite, zoomable surface for boards, maps and diagrams
  5. SIG—05FlowGraphA node-and-wire editor
  6. SIG—06TreemapA hierarchy by size that you enter like a place
  7. SIG—07BoardA kanban board with lift-and-carry dragging, cards that part and fly into place, advisory limits, collapsible columns and a full keyboard path.
  8. SIG—08OutlinerA keyboard-first outline
  9. SIG—09QueryBuilderConditions that read as a sentence
  10. SIG—10AnnotatorReview pins on anything
  11. SIG—11TourA guided tour whose spotlight travels between real elements, follows them through scrolling and reflow, and explains each one beside it.
  12. SIG—12InterviewA conversation instead of a form
  13. SIG—13TransferQueueUploads you can watch and steer
  14. SIG—14TriageDeckDecisions at the speed of a gesture
  15. SIG—15GalleryA justified photo grid whose photos open from exactly where they sit
  16. SIG—16FolioA long-form reading surface
  17. SIG—17SplitFlapA mechanical flip display
  18. SIG—18ColumnBrowserMiller columns
  19. SIG—19LogStreamA live log tail that renders only what is in view
  20. SIG—20KnobA rotary control for instruments rather than forms
  21. SIG—21FaderA console fader with a live meter
  22. SIG—22XYPadTwo parameters under one finger
See them working togetherBrowse all 131 systems

Incident review · Design review · Automation · Audio

04 — The lab

Step inside.

Instruments, experiments and unfinished ideas — the working surface of Mizu, open to touch.

Enter the lab

Click the surface — it answers

05 — Commissions

Have it made.

Everything on this site was made by one person. Mizu Studio is that person, and makes the same work for your product: one interface, a whole system, a finish on what you already have, or the site that launches it.

Start a brief

Seven questions · about two minutes

  1. Craft passfrom $4k1–2 weeks
  2. Launch sitefrom $8k2–4 weeks
  3. Signature interfacefrom $12k3–6 weeks
  4. Design systemfrom $20k6–10 weeks

Starting points, not quotes. After a first conversation you get a written scope and one price for the whole job.