Shows a black logo in light color mode and a white one in dark color mode.

Style library, design system, composable components, and more.

Gui is a bunch of libraries for building UIs that share code across React and React Native.


NPM downloads Commits per month Discord users online Gurubase


- `@hanzogui/core` - Universal style library for React. - `@hanzogui/static` - Optimizing compiler that works with `core` and `hanzogui`. - `hanzogui` - UI kit that adapts to every platform.
**See [hanzogui.dev](https://hanzogui.dev) for documentation.** 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 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 hanzogui@latest`, they range from a simple learning example to a production-ready monorepo. The compiler optimizes most and ultimately flattens a majority of styled components. In the [~500px² responsive browser section](https://hanzogui.dev) of the Gui website, 49 of the 55 or so [inline styled components](https://github.com/hanzoai/gui/blob/main/apps/gui.hanzo.ai/components/HeroResponsive.tsx) are flattened to a `div`. The homepage gains nearly 15% on Lighthouse with the compiler on. [Learn more on the website](https://hanzogui.dev/docs/intro/introduction). --- ## Contributing To contribute to Gui reference the [contributing guide](https://github.com/hanzoai/gui/blob/main/CONTRIBUTING.md). To contribute to documentation, see the docs source in `apps/gui.hanzo.ai/data/docs/`. ## License MIT — see [LICENSE](LICENSE). ## Lineage Gui is a fork of [Tamagui](https://github.com/tamagui/tamagui) by Nate Wienert. It is MIT-licensed, and this repository preserves the upstream `LICENSE` and credits it in full in [`NOTICE`](NOTICE), which also lists the packages written at Hanzo. Hanzo AI is not affiliated with, sponsored by, or endorsed by Tamagui.