Hanzo GUI

Hanzo GUI is a universal UI framework for building cross-platform applications with React Native and Web from a single codebase. It provides an optimizing compiler, design tokens, themes, and 50+ accessible components.

Start Here

• Introduction — What Hanzo GUI is and why it exists
• Core Concepts — Styled, variants, tokens, themes, and animations
• Guides — Framework setup for Next.js, Vite, Expo, and more
• Components — 50+ universal components

Quick Start

Install

npm install @hanzo/gui

Usage

import { Button, H1, Paragraph, YStack } from '@hanzo/gui'

export function App() {
  return (
    <YStack padding="$4" gap="$3">
      <H1>Hello</H1>
      <Paragraph>Universal UI from one codebase.</Paragraph>
      <Button>Press Me</Button>
    </YStack>
  )
}

Key Concepts