GitHub
v3-tailwind
🎅🏻🐣🎃💘🧧🍀
Core
Components
Theme
Introduction
Installation
Components
Styling
Design system
Tailwind
Native
CLI
Releases
Configuration
TamaguiProvider
Tokens
Fonts
Themes
Theme component
Shorthands
Settings
Sizing
Config v6
Colors
Surfaces & Levels
Style props
styled()
Variants
style()
createStyledContext()
View & Text
HTML elements
Overview
Constants
Helpers
Hooks
useMedia
useTheme
Components
Type Helpers
Overview
AnimatePresence
Animation Drivers
Installation
Compiler tiers
Zero-runtime mode
Benchmarks
Next.js
Expo
Vite
One
Webpack
Metro
Upgrading to v3
Flat Conditional Values
Custom UI Package
Creating Custom Themes
How to Build a Button
Developing
create-tamagui
Server Rendering
TamaguiTailwind

Static Optimization

How @tamagui/static optimizes code at build time

The Tamagui compiler turns component styles into atomic CSS and flattened platform primitives at build time.

For details on how the compiler optimizes your code through static analysis:

  • Why a compiler: architectural background on compiler benefits
  • Compiler Installation: how to set up the compiler in your project
  • Benchmarks: performance measurements across platforms

Next

Introduction

Edit this page on GitHub.
Copy markdownOpen llms.txtCopy prompt

Contents

homepage

Overview

IntroductionConfigurationPrivacy PolicyData Processing Agreement

Docs

IntroductionInstallationCorestyled()Compiler

Community

Blog
GitHub
Figma
X
Discord
homepage

Overview

IntroductionConfigurationPrivacy PolicyData Processing Agreement

Docs

IntroductionInstallationCorestyled()Compiler

Community

Blog
GitHub
Figma
X
Discord