Tamagui Skill

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

Source Code Access

Source code is available locally and on GitHub. Check local first, fall back to GitHub if not available.

Local path	GitHub
opensrc/repos/github.com/tamagui/tamagui/	https://github.com/tamagui/tamagui

Documentation

Core concepts for understanding and using Tamagui's styling system.

Topic	Description	URL
Introduction	Overview and key concepts	docs
Installation	Getting started and setup	docs
Configuration	createTamagui and config options	docs
Themes	Dark/light modes and custom themes	docs
Tokens	Design tokens for spacing, colors, fonts	docs
styled()	Create styled components with variants	docs
Animations	Animation drivers and configuration	docs
Compiler	Optimizing compiler setup	docs
UI Components	Pre-built component library overview	docs

Source Code

Direct links to implementation code in the monorepo.

Area	Description	Path
Repository	Main monorepo with all packages	opensrc/repos/github.com/tamagui/tamagui
UI Components	50+ themed, accessible components	opensrc/repos/github.com/tamagui/tamagui/code/ui
Core Packages	Styling engine, themes, hooks, fonts	opensrc/repos/github.com/tamagui/tamagui/code/core
Compiler Plugins	Bundler plugins for style extraction	opensrc/repos/github.com/tamagui/tamagui/code/compiler

Framework Guides

Setup instructions for integrating Tamagui with specific frameworks and bundlers.

Framework	Description	Docs
Expo	React Native with Expo managed workflow	docs
Next.js	Server-side rendering and App Router	docs
Vite	Fast web development with HMR	docs
Metro	React Native bundler configuration	docs

Local References

Detailed reference files with component and API documentation.

• references/components.md - UI component library with docs and source links
• references/core.md - Core packages, configuration APIs, and hooks
• references/compiler.md - Bundler plugins and optimization setup