tamagui/tamagui

어떤 프로젝트인가요?

핵심 기능

• 01React 웹과 React Native 간에 스타일이 적용된 컴포넌트와 UI 코드를 공유합니다.
• 02최적화 컴파일러가 스타일이 적용된 컴포넌트를 일반 div 또는 View 요소로 변환합니다.
• 03웹에서는 atomic CSS를 출력합니다.
• 04기본 뷰와 styled 함수를 시작점으로 사용할 수 있습니다.
• 05각 플랫폼에 맞게 조정되는 선택형 UI 키트를 포함합니다.
• 06기존 프로젝트에 점진적으로 도입할 수 있습니다.

활용 사례

• React 웹 앱과 React Native 모바일 앱에서 공유하는 디자인 시스템을 구축할 때.
• 웹과 네이티브 코드베이스 간 중복되는 스타일 코드를 줄일 때.
• 제공되는 시작 템플릿으로 새 크로스 플랫폼 모노레포를 시작할 때.
• 웹에서 스타일이 적용된 React 컴포넌트의 런타임 성능을 개선할 때.

빠른 시작

1. 1

   공식 스타터로 새 프로젝트의 기본 구조를 만듭니다

   npm create tamagui@latest
2. 2

   프로젝트 웹사이트에서 문서를 읽습니다

사용 전 알아둘 점

• !문서와 대부분의 안내는 README가 아니라 외부 웹사이트에 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

tamagui은(는) 무엇인가요?

웹과 네이티브 앱에서 UI 코드를 공유할 수 있는 React 및 React Native 스타일 라이브러리, 선택형 UI 키트, 최적화 컴파일러입니다. Tamagui는 React 웹 앱과 React Native 모바일 앱에서 코드를 공유하는 사용자 인터페이스를 만들기 위한 라이브러리 모음입니다. 세 부분으로 구성됩니다. 범용 스타일 라이브러리인 @tamagui/core, core 및 UI 키트와 함께 작동하는 최적화 컴파일러 @tamagui/static, 그리고 각 플랫폼에 맞게 조정되는 UI 키트 tamagui입니다.

tamagui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

tamagui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

tamagui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. tamagui의 마지막 커밋은 2026년 11월 7일입니다.

tamagui은(는) 어디에 사용할 수 있나요?

React 웹 앱과 React Native 모바일 앱에서 공유하는 디자인 시스템을 구축할 때. 웹과 네이티브 코드베이스 간 중복되는 스타일 코드를 줄일 때. 제공되는 시작 템플릿으로 새 크로스 플랫폼 모노레포를 시작할 때. 웹에서 스타일이 적용된 React 컴포넌트의 런타임 성능을 개선할 때.

tamagui는 어떻게 설치하나요?

공식 스타터로 새 프로젝트의 기본 구조를 만듭니다: npm create tamagui@latest 프로젝트 웹사이트에서 문서를 읽습니다

tamagui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/tamagui/tamagui