React Component Library
Hanzo UI
The React components powering Hanzo apps
Open source, on @hanzo/gui primitives and @hanzo/design tokens. No Tailwind, no Radix, no vendored component folder to maintain — the admin you are reading about elsewhere on this site is built out of it.
Components your design team will sign off on
Dialog and DropdownMenu are real components, because they carry focus management, keyboard behaviour and placement that CSS cannot. Buttons, panels, fields and tables are classes over tokens — which is why reading the markup is still possible.
Paste and ship
Paste this into any agent. It reads the skill manifest and calls UI from there.
Agent prompt
Read https://hanzo.ai/skill.md and use Hanzo UI in my project.
From init to UI in 60 seconds
Add the components you need. Skip the ones you don't.
terminal
# Initialize in any React project
npx @hanzo/ui init
# Add the components you need
npx @hanzo/ui add button dialog dropdown-menu
# Use them
import { Button } from "@hanzo/ui"
export function Hello() {
return <Button>Ship it</Button>
}Stop reinventing buttons.
Hanzo UI gives you the components — you focus on what makes your product different.