Hanzo UI
The React components powering Hanzo apps
Open-source, accessible, themeable React components built on Tailwind and Radix primitives. Copy into your repo, own them forever, ship faster.
Components your design team will sign off on
The same library we use to ship our own products — open-sourced for yours.
60+ Components
Buttons, dialogs, dropdowns, tables, forms, navigation — everything you need to build a Hanzo-grade React app, batteries included.
Accessible by Default
WAI-ARIA compliant, keyboard navigable, screen reader tested. Accessibility isn't an afterthought — it's the foundation.
Themeable, Not Theme-locked
CSS variables and Tailwind tokens make every component re-skin in seconds. White-label per org, theme per route, dark by default.
Copy, Don't Install
Components live in your repo, not in node_modules. Tweak them, fork them, own them. No vendor escape velocity required.
Zero Runtime
Built on Tailwind and Radix primitives. No styled-components, no emotion, no runtime CSS-in-JS — just classes that ship.
Production Tested
Powers chat.hanzo.ai, console.hanzo.ai, and every Hanzo dashboard. If it ships in our products, it ships in your code.
From init to UI in 60 seconds
Add the components you need. Skip the ones you don't.
# 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 "@/components/ui/button"
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.