Skip to content
MIZU.

Make something of it.

A collection becomes useful in your hands. These are the benches for trying Mizu, shaping it, and bringing it into a product.

Theme workshop

Shape the surface, signal, type and details. Test a palette on real controls and export its CSS.

Make a theme

Props playground

Turn the controls, try every state, and copy the React code for exactly what you see.

Tune a component

Blocks

Whole working sections for settings, files and analytics, with source and installation included.

Take a composition

Audio workbench

Listen, find a passage, mark an excerpt, and keep notes tied to a moment in the recording.

Review a recording

Dock

Give your tools a place. Resize two panes, move their tabs, and keep your drafts intact.

Arrange a workspace

DateRangeField

A start and an end, native date controls, useful presets and the validation between them.

Choose a window

Everything here runs in your browser. Demo records are illustrative, and your experiments do not change the library. Start with the installation guide when you are ready to use it.