Tamagui Skill

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

Source Code Access

Links in this skill and its references point to GitHub. If the project has a local checkout at opensrc/repos/github.com/tamagui/tamagui/ (from npx opensrc tamagui/tamagui), the same paths exist under it — read those first, since they match the version the project fetched.

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	tamagui/tamagui
UI Components	50+ themed, accessible components	code/ui
Core Packages	Styling engine, themes, hooks, fonts	code/core
Compiler Plugins	Bundler plugins for style extraction	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