Tamagui
Universal UI library and design system for React and React Native. Write components once and render on iOS, Android, and web with native performance. Includes a compiler that evaluates styles at build time (converting dynamic styles to static CSS variables). Ships with 100+ components, theming system, and animations. Positioned as the solution to 'style once, run everywhere' — replacing the need for separate web and native component libraries.
Score Breakdown
⚙ Agent Friendliness
🔒 Security
Client-side UI library — no network calls or data persistence. No security concerns beyond standard mobile/web application security.
⚡ Reliability
Best When
You're building a React Native + React web application and want a single component library and design system that works across all platforms.
Avoid When
You're building web-only — the cross-platform overhead isn't worth it. Use shadcn/ui, Mantine, or Radix UI for simpler web-only component systems.
Use Cases
- • Build shared component libraries that work on React Native (iOS/Android) and React web without separate implementations
- • Create design systems with a token-based theming system that generates platform-appropriate styles at build time
- • Speed up React Native app performance by compiling dynamic styles to static equivalents at build time
- • Build universal apps with Expo that use the same Tamagui components on all platforms
- • Implement dark mode and theming with Tamagui's built-in theme switching that works across all platforms
Not For
- • Pure web-only projects — Tamagui's complexity overhead is only justified by cross-platform requirements; use shadcn/ui or Mantine for web-only
- • Teams new to React Native — Tamagui's abstraction adds complexity; start with React Native's built-in components first
- • Projects requiring 100% native component behavior — Tamagui's web-compatible abstraction may not match exact platform native behavior
Interface
Authentication
No authentication — UI component library.
Pricing
MIT licensed core. Pro components and templates available for purchase. Core library is fully free.
Agent Metadata
Known Gotchas
- ⚠ Tamagui compiler requires babel/esbuild plugin configuration — missing compiler setup means no build-time optimizations and slower runtime performance
- ⚠ Style props use Tamagui's own token system ($color, $space tokens) — not standard CSS values; requires learning token naming conventions
- ⚠ Platform-specific behavior differences (web vs native) may require platform-conditional code even with shared components
- ⚠ TypeScript types are complex due to the cross-platform abstraction — autocomplete may be slower than web-only libraries
- ⚠ Animation system uses Reanimated on native and CSS on web — animations must be authored to work on both platforms
- ⚠ Third-party component libraries may not integrate cleanly with Tamagui's theming system — style composition requires Tamagui-aware components
Alternatives
Full Evaluation Report
Comprehensive deep-dive: security analysis, reliability audit, agent experience review, cost modeling, competitive positioning, and improvement roadmap for Tamagui.
AI-powered analysis · PDF + markdown · Delivered within 30 minutes
Package Brief
Quick verdict, integration guide, cost projections, gotchas with workarounds, and alternatives comparison.
Delivered within 10 minutes
Score Monitoring
Get alerted when this package's AF, security, or reliability scores change significantly. Stay ahead of regressions.
Continuous monitoring
Scores are editorial opinions as of 2026-03-07.