Introduction
Getting started with Hanzo GUI, a universal UI framework for React Native and Web.
Get started with Hanzo GUI. Learn the fundamentals -- installation, styling, props, themes, and tokens.
Sections
- Introduction — What is Hanzo GUI
- Installation — Install and configure
- Compiler Install — Set up the optimizing compiler
- Styles — How styling works
- Props — Component props and shorthands
- Themes — Theme system overview
- Colors — Color tokens and palettes
- Tokens — Design token system
Introduction
Installation
Get Hanzo GUI set up, step by step
Hanzo GUI Compiler
Adding the compiler to your apps
Hanzo GUI Props
All the base props
Styling
Hanzo GUI accepts a superset of React Native styles
Themes
Create themes and sub-themes
Tokens
Understanding the default Hanzo GUI token scale
Colors
Color palettes and customization options
Static Optimization
How @hanzogui/static works to speed up code
Benchmarks
Performance tests and comparisons
Errors
Common error messages and how to resolve them
The Frontend Trilemma
Why Hanzo GUI uses an optimizing compiler
Last updated on