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 linksreferences/core.md- Core packages, configuration APIs, and hooksreferences/compiler.md- Bundler plugins and optimization setup