Skip to content

Port tamagui ui and migrate components#6

Draft
cooper (czxtm) wants to merge 4 commits intomainfrom
cursor/port-tamagui-ui-and-migrate-components-e279
Draft

Port tamagui ui and migrate components#6
cooper (czxtm) wants to merge 4 commits intomainfrom
cursor/port-tamagui-ui-and-migrate-components-e279

Conversation

@czxtm
Copy link
Copy Markdown
Collaborator

feat: Integrate Tamagui and port initial shadcn/ui components

Description

This PR introduces Tamagui into the monorepo to establish a robust foundation for cross-platform UI components and a unified design system.

Key changes include:

  • New @acme/tamagui package: Houses Tamagui components and configuration.
  • Shared Design System: Extracted Tailwind theme into packages/tamagui/src/design-system.ts to generate both Tailwind CSS variables and Tamagui themes, ensuring a consistent design language across web and native.
  • Ported Components: Recreated core @acme/ui components (Button, Card, Input, Label) as Tamagui components, maintaining shadcn/ui API and visual parity.
  • Demo Screens: Added tamagui-test screens in both Next.js and Expo apps to preview the new components.
  • Migration Path: Provided packages/tamagui/MIGRATION.md to guide the deprecation of @acme/ui in favor of Tamagui.

The goal is to leverage Tamagui for truly cross-compatible components while maintaining Tailwind/NativeWind as the primary styling method for most development, focusing on sharing a design system rather than forcing all components to be cross-compatible.

Related Issue

N/A

How Has This Been Tested?

  • Manual verification of demo screens in Next.js (/tamagui-test) and Expo (tamagui-test screen).
  • Programmatic theme validation using validateThemes() in demo components.
  • Storybook integration for TamaguiShowcase.

Open in Cursor Open in Web

…m generator

- Restores Tamagui package from commit f46631f and exposes it as @acme/tamagui
- Adds design-system.ts to generate Tailwind CSS vars and Tamagui themes
- Wires Tamagui providers/config into Next.js and Expo; adds demo screens
- Adds @tamagui/babel-plugin to Expo and updates transpilePackages for Next.js
- Documents migration path from @acme/ui to @acme/tamagui
@cursor
Copy link
Copy Markdown

cursor Bot commented Oct 24, 2025

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants