Hanzo GUI
Forked from tamagui (MIT).
Style library, design system, composable components, and more.
Hanzo GUI is a bunch of libraries for building UIs that share code across React and React Native.
@hanzogui/web- Universal style library for React.gui- UI kit that adapts to every platform.@hanzogui/static- Optimizing compiler that works with@hanzogui/webandgui.
See gui.hanzo.ai for documentation.
Hanzo GUI lets you share more code between web and native apps without sacrificing the two things that typically suffer when you do: performance and code quality.
It does this with an optimizing compiler that outputs platform-specific optimizations - it turns styled components, even with complex logic or cross-module imports, into a simple div alongside atomic CSS on the web, or a View with its style objects hoisted on native.
The entirety of Hanzo GUI works at compile time and runtime, and can be set up gradually, with initial usage as simple as importing it and using the base views and styled function.
We recommend checking out the starters with npm create gui@latest, they range from a simple learning example to a production-ready monorepo.
The compiler optimizes most styled components by flattening them to plain divs (web) or Views (native) at build time. Real-world apps see double-digit Lighthouse improvements.
Contributing
To contribute to Hanzo GUI reference the contributing guide.
To contribute to documentation, see the docs source in code/gui.hanzo.ai/data/docs/.