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