Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From tamagui
Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
npx claudepluginhub guillempuche/ai-skill-tamagui --plugin tamaguiHow this skill is triggered — by the user, by Claude, or both
Slash command
/tamagui:tamaguiThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Provides dark-themed React UI components using Tailwind CSS and Framer Motion for dashboards, admin panels, and data-rich apps.
Integrates Tambo into existing React/Next.js/Vite apps: detects tech stack, installs @tambo-ai/react and Zod, wires TamboProvider, registers components with Zod schemas, adds chat UI.
Customizes gluestack-ui themes and design tokens including theme provider setup, dark mode support, NativeWind integration, and theme extensions for React and React Native UIs.
Share bugs, ideas, or general feedback.
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
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 |
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 |
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 |
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 |
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