Documentation
Component APIs, executable examples, and guidance for composing Mizen interfaces.
Getting started
A React component library for product interfaces, with fixed defaults, closed styling, and docs that agents can read.
Use the release-candidate archive and its compiled stylesheet in Next, TanStack Start, or React + Vite.
Find components, inspect application setup, and preview changes before applying them.
How Mizen's closed styling works, and how to style what your app owns.
Use typography and rhythm first, with neutral workareas and restrained wine selection.
Bootstrap the root theme before content, then synchronize the user's preference.
Build tasks from existing components with explicit state, labels, and client boundaries.
Use the existing form, table, and chart contracts. Keep application transport explicit.
What Mizen components guarantee, what your app owns, and what has been verified.
Give a coding agent Mizen's docs as Markdown, so it uses real components and APIs instead of guessing.
Use a component
Choose a component from the navigation. Each page includes a preview with copyable code, the import line, anatomy for compound components, recommendations, usage boundaries, and an API reference.
Start with Button