Style library, design system, composable components, and more. Tamagui is a bunch of libraries for building UIs that share code across React and React Native. @tamagui/core - Universal style library…
Style library, design system, composable components, and more.
Tamagui is a bunch of libraries for building UIs that share code across React and React Native.
@tamagui/core- Universal style library for React.@tamagui/static- Optimizing compiler that works withcoreandtamagui.tamagui- UI kit that adapts to every platform.
See tamagui.dev for documentation.
Tamagui 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 Tamagui 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 tamagui@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 of the Tamagui website, 49 of the 55 or so inline styled components are flattened to a div. The homepage gains nearly 15% on Lighthouse with the compiler on.
---
Contributing
To contribute to Tamagui reference the contributing guide.
To contribute to documentation, see the docs source in code/tamagui.dev/data/docs/.
Members
-
tamagui ★ PINNED
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
TypeScript ★ 14k 1d agoExplain → -
starter-free
Tamagui React Native Starter Repo - Next, Expo, Solito
HTML ★ 316 3mo agoExplain → -
takeout-free
Light version of Takeout stack - the next-generation cross-platform React Native + Web stack we've dreamed of
TypeScript ★ 54 9d agoExplain → -
starters ▣
Starter repo (used by create-tamagui-app)
TypeScript ★ 32 3y agoExplain → -
tamagui-expo-example
Tamagui expo example app
TypeScript ★ 11 4y agoExplain → -
benchmarks
No description.
TypeScript ★ 2 4y agoExplain → -
sponsors
No description.
★ 2 3y agoExplain → -
tamagui-fphh
No description.
TypeScript ★ 0 1y agoExplain → -
tamagui-uCU5
No description.
TypeScript ★ 0 1y agoExplain → -
issue-template-webpack
No description.
TypeScript ★ 0 3y agoExplain → -
tamagui-rn-repack-example
No description.
JavaScript ★ 0 4y agoExplain →
No repos match these filters.