# tamagui/tamagui

Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

Repository: https://github.com/tamagui/tamagui
Canonical: https://ross.abutalabs.com/products/tamagui
Homepage: https://tamagui.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, react-native, react-native-web, css-in-js, ui, ui-components, typescript, optimizing-compiler, atomic-css, tailwind, vite, webpack
Last push: 2026-08-26T22:33:57+00:00

## Health v2 (maintenance only)
Score: 95/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 86, longevity 100
- inputs: {"age_days": 2147, "days_push": 7, "days_rel": 19, "gap_med": 0.0, "n_releases_24m": 389}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 14155, forks 612 (observed 2026-08-28T04:11:05.641223+00:00)

## What it is
Tamagui is a TypeScript framework for styling React apps with full parity between React web and React Native, comprising a style library (@tamagui/core), an optimizing compiler (@tamagui/static), and a cross-platform UI kit. Its compiler extracts atomic CSS, flattens styled components, and hoists styles at build time for near-zero runtime overhead.

## Use cases
- style react apps that share code between web and react native
- build a cross-platform ui kit with typed design tokens and themes
- optimize styled components into atomic css and flattened divs
- replace react-native-web with a lighter faster styling layer
- create themed components with variants like styled-components but faster
- animate components with swappable drivers across web and native

## When to choose
- building universal (web + native) React apps with shared UI code
- you want high performance styling with an optimizing compiler
- you need a typed design system with themes, tokens, and variants

## When to avoid
- web-only projects already happy with Tailwind or plain CSS
- teams not using TypeScript, which is required
- projects needing React Native utility components like Pressable or TouchableOpacity

## Facets
- artifact type: framework
- maturity: active
- function: ui-components, css-framework, frontend-framework, animation, theme
- domain: web-development, frontend, mobile-development, cross-platform
- platform: cross-platform
- tags: css-in-js, react-native-web, optimizing-compiler, atomic-css, universal-apps, design-system, styled-components, expo, react, nodejs, web-server, ios, android

## Member repositories
- tamagui/tamagui (main) score 95

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:05.641223+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:12:46.702303+00:00, confidence not recorded.
  - readme: https://github.com/tamagui/tamagui (fetched 2026-08-28T04:11:05.641223+00:00, sha 727fe1862d56)
  - homepage: https://tamagui.dev (fetched 2026-08-29T08:06:56.411281+00:00, sha 0b37af5d43af)
  - site_page: https://tamagui.dev/docs/intro/introduction (fetched 2026-08-29T08:06:56.420816+00:00, sha c7f870fe4604)
  - site_page: https://tamagui.dev/docs/intro/why-a-compiler (fetched 2026-08-29T08:06:56.422781+00:00, sha 07d28ef97e10)
  - site_page: https://tamagui.dev/docs/intro/benchmarks (fetched 2026-08-29T08:06:56.424852+00:00, sha 6026540522e7)
  - site_page: https://tamagui.dev/docs/core/animations (fetched 2026-08-29T08:06:56.427828+00:00, sha 9471860ca633)
  - site_page: https://tamagui.dev/docs/core/configuration (fetched 2026-08-29T08:06:56.430306+00:00, sha 63ac9b231dcd)
  - site_page: https://tamagui.dev/docs/intro/installation (fetched 2026-08-29T08:06:56.432140+00:00, sha dbb0aa25ff96)
  - site_page: https://tamagui.dev/docs/core/styled (fetched 2026-08-29T08:06:56.434321+00:00, sha 1bd35fa85c50)
- Data as of 2026-08-30T08:39:29.467469+00:00.