About
What the library is made of, and the terms it ships under.
@hanzo/ui is the Hanzo component library. It is one package on one substrate, and the substrate is why one import runs on the web, on a phone and in a desktop window.
Made of
| Package | What it contributes |
|---|---|
| @hanzo/gui | The style engine: styles as props, compiled to atomic CSS on the web and to native styles on a phone, with the behaviour — focus, portalling, keyboard — of each primitive. |
@hanzo/design | The tokens: the monochrome palette, the type ramp, spacing, radius, elevation, motion, and the three knobs every ramp multiplies by. |
@hanzo/font | Zen and Zen Mono, self-hosted, under the SIL Open Font License. |
@hanzo/appearance | A person’s own reading of the system — type size, density, accent — stored and applied. |
The components are an original implementation on those four. There is no Radix, no Tailwind, no class-variance-authority and no registry underneath; the identity is plain CSS custom properties, and the stylesheet is produced by rendering every component when the package is published.
Where
- Source and issues: https://github.com/hanzoai/ui
- Package: https://www.npmjs.com/package/@hanzo/ui
- This site: https://ui.hanzo.ai
Licence
Apache-2.0 or MIT, at your option.