Tamagui

Overview

Tamagui is a universal UI system that enables developers to write UI once and deploy natively to iOS, Android, and Web with near-zero runtime overhead through its ahead-of-time optimizing compiler.

Key Features

• Optimizing Compiler: Extracts styles at build time into pure atomic CSS on Web and optimized StyleSheet objects on Native.
• Universal Components: 40+ accessible cross-platform UI components sharing a single codebase.
• Adaptive Theming Engine: Granular nested themes with zero extra runtime re-renders.
• Cross-Platform Animations: Works seamlessly with driver animations, React Native Reanimated, and CSS transitions.

Installation & Quick Start

npm install tamagui @tamagui/core

import { Button, YStack } from 'tamagui';

export default function App() {
  return (
    <YStack gap="$3" padding="$4">
      <Button theme="active">Universal Button</Button>
    </YStack>
  );
}

Why Choose Tamagui?

• Best for: Universal apps using Expo, Next.js, and React Native needing top-tier 60fps performance across Web and Mobile.
• Not suitable for: Simple Web-only static sites that do not target mobile platforms.