Skip to content
Index730 resources
Tamagui

Tamagui

Universal React styling engine, optimizing compiler and ~48 components for web and native

Tier A · StrongComponent LibraryPrimitiveTooltamagui.dev

(Visit tamagui.dev ↗)(Docs)(Repository)
Preview image from tamagui.dev

Tamagui is three things in one: Core, a roughly 24KB typed style library for React and React Native; Static, a compiler that does partial evaluation, CSS extraction and tree flattening so styles cost nothing at runtime on web; and a UI kit of about 48 documented components. It targets teams shipping one codebase to iOS, Android and web who refuse to accept the usual performance penalty of React Native Web. The core is MIT and open source; Takeout, a paid Pro starter kit built on Tamagui, One and Zero, funds the project.

Install
npm create tamagui@latest

For an agent

Reach for Tamagui only when the target is genuinely universal — one React codebase for iOS, Android and web — because the compiler setup (Metro, Next, Vite or Expo plugins plus a tamagui.config) is real work you should not impose on a web-only project where Tailwind plus shadcn/ui or HeroUI wins outright. Its llms.txt is a full ~1MB dump of every doc page including prop tables, so grep it for the component you need rather than fetching pages one at a time. Check the config version in the user's repo before writing code: v4 and v5 configs differ, and Tamagui 2.x changed enough that older snippets will not compile.

Why it is here. The most serious attempt at write-once-run-everywhere React styling with no runtime cost on web, and the reason universal apps no longer have to choose between native parity and web performance.

Install command, framework, licence and component list.

Facts

License
MIT, Commercial license
Pricing
Free, Open source, Paid, Sponsor or ad supported
Framework
React, React Native, Next.js
Styling
CSS-in-JS, Platform-native styling, CSS custom properties
Distribution
npm package, CLI installer, GitHub repository
Platform
Web, iOS, Android, Cross-platform
Content type
Code, Design tokens / theme files
Agent readiness
llms.txt, Structured documentation, Readable open source, CLI installable
Accessibility
Accessible, Keyboard navigable, Focus management and visible focus
Maturity
Actively maintained
Pricing detail
Core, compiler and UI kit are free and MIT. Takeout is a paid Pro starter kit sold through GitHub sponsorship with a free OSS tier; the exact price is rendered client-side and was not readable from the fetched page.
GitHub stars
14,133
Package
tamagui

Components it ships

48 total
AccordionAlert DialogLinkAvatarButtonCardCheckboxContext MenuDialogFocus TrapFormStackHeadingImageText InputLabelGradient BackgroundListIconDropdown MenuPopoverPortalProgress BarRadio GroupScroll AreaSelectSeparatorSheetSliderSpinnerSwitchTabsTypographyToastToggle GroupTooltipVisually HiddenTheme ProviderAnimationTransitionSafe Area

Helps you build

20
Onboarding MobileLogin MobileSettings MobileAccount MobileChat MobileTab Bar NavigationGesture NavigationAction SheetSearch MobileFeedSingle Item DetailNotificationsUploading MediaCamera CaptureMulti Step FormSubmitting A FormBilling MobilePaywallForce UpdateOffline State

Templates

2

Notable for

  • optimizing compiler with CSS extraction
  • ~24KB core style library
  • true React Native and web parity
  • paid Takeout starter funds the OSS
  • exhaustive llms.txt with prop tables

Provenance

Verified 2026-08-16. HTTP 200. https://tamagui.dev, https://tamagui.dev/llms.txt (1.08MB; 48 unique '## components/*' doc sections enumerated, a few of which are guides such as intro and z-index rather than components), https://tamagui.dev/takeout, npm registry for tamagui (2.7.7), GitHub API for tamagui/tamagui. tamagui.dev/sitemap.xml returns the SPA shell, not XML.

Also in Component Libraries

6
tamagui.devTier A