About Tamagui
Tamagui is a style and UI library for React and React Native. It aims to give you one styling approach across web and native apps.
What it does
Tamagui lets you write styles as typed props, or use Tailwind class names on the same compiler. An optimizing compiler flattens component trees at build time, which reduces the work done in the browser. The project also includes a native runtime, a zero-runtime mode that outputs plain CSS, and bundler plugins for common build tools. Themes can be nested, and theme and media hooks let components respond to the current theme or screen size without extra wiring.
Key features
- Typed style props with inline conditions
- Tailwind class support
- Compiler that flattens component trees
- Shared code for web and React Native
- Bundler plugins for Vite, Next, Metro and Webpack
Who it's for
Teams that ship a website and a mobile app from one React codebase. Developers who prefer typed styles and want their web and native components to share the same style definitions.
Pricing and good to know
Tamagui is open source under the MIT license, so it is free to use. Setup involves a compiler and bundler plugins, so expect more build configuration than with a plain component library. The zero-runtime mode is useful when you want static CSS output for the web build.
Highlights
- Typed style props with inline conditions
- Tailwind class names on the same compiler
- Compiler that flattens component trees at build time
- Shared components for web and React Native
- Bundler plugins for Vite, Next, Metro and Webpack
