빌드 시 컴파일해 React Native 앱에서 Tailwind CSS 유틸리티 클래스를 사용할 수 있게 해주는 스타일링 라이브러리입니다.
founded-labs/react-native-reusables
shadcn/ui를 React Native용으로 포팅하고 Nativewind 또는 Uniwind로 스타일링한 복사해 사용할 수 있는 UI 컴포넌트 모음입니다.
- 스타
- 8,718
- 포크
- 318
- 열린 이슈
- 17
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
React Native Reusables는 shadcn/ui의 컴포넌트 접근 방식을 React Native에 적용합니다. 컴포넌트는 Nativewind(React Native용 Tailwind CSS) 또는 Uniwind로 스타일링되어, 익숙한 유틸리티 클래스로 원하는 대로 꾸밀 수 있습니다.
shadcn/ui 모델을 따라 고정된 의존성으로 설치하는 대신, 프로젝트 코드베이스에 복사해 사용하는 방식으로 설계되었습니다. 컴포넌트는 네이티브 환경에 맞게 조정한 Radix 스타일 프리미티브를 기반으로 하며, 저장소는 Expo와 react-native-web도 지원합니다.
이 프로젝트는 MIT 라이선스로 제공되며, 문서 사이트와 서드파티 컴포넌트, 라이브러리, 템플릿을 모은 커뮤니티 리소스 목록도 포함합니다.
핵심 기능
- 01shadcn/ui를 본뜬 복사해 사용할 수 있는 React Native 컴포넌트
- 02Nativewind 또는 Uniwind 유틸리티 클래스로 스타일링
- 03Expo 프로젝트용으로 제작되었으며 react-native-web과 호환
- 04추가 컴포넌트와 템플릿을 모은 커뮤니티 관리 목록
활용 사례
- 일관되고 원하는 대로 꾸밀 수 있는 컴포넌트 세트로 React Native 또는 Expo 앱 만들기
- react-native-web을 통해 네이티브 모바일과 웹에서 하나의 디자인 시스템 공유하기
- 이미 shadcn/ui를 사용하는 팀에서 모바일에도 같은 패턴 적용하기
빠른 시작
- 1
설치 및 사용 방법은 문서를 열어 확인하세요.
사용 전 알아둘 점
- 컴포넌트 스타일링에는 Nativewind 또는 Uniwind를 사용하므로, 두 스타일링 라이브러리 중 하나가 필요합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- react-native-reusables은(는) 무엇인가요?
- shadcn/ui를 React Native용으로 포팅하고 Nativewind 또는 Uniwind로 스타일링한 복사해 사용할 수 있는 UI 컴포넌트 모음입니다. React Native Reusables는 shadcn/ui의 컴포넌트 접근 방식을 React Native에 적용합니다. 컴포넌트는 Nativewind(React Native용 Tailwind CSS) 또는 Uniwind로 스타일링되어, 익숙한 유틸리티 클래스로 원하는 대로 꾸밀 수 있습니다.
- react-native-reusables은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- react-native-reusables은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- react-native-reusables은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. react-native-reusables의 마지막 커밋은 2026년 9월 27일입니다.
- react-native-reusables은(는) 어디에 사용할 수 있나요?
- 일관되고 원하는 대로 꾸밀 수 있는 컴포넌트 세트로 React Native 또는 Expo 앱 만들기 react-native-web을 통해 네이티브 모바일과 웹에서 하나의 디자인 시스템 공유하기 이미 shadcn/ui를 사용하는 팀에서 모바일에도 같은 패턴 적용하기
- react-native-reusables는 어떻게 설치하나요?
- 설치 및 사용 방법은 문서를 열어 확인하세요.
- react-native-reusables은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/founded-labs/react-native-reusables
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Nitro Modules와 JSI를 기반으로 테마, 반응형 스타일, variants를 지원하도록 StyleSheet를 확장하는 React Native 스타일링 라이브러리입니다.
웹과 네이티브 앱에서 UI 코드를 공유할 수 있는 React 및 React Native 스타일 라이브러리, 선택형 UI 키트, 최적화 컴파일러입니다.
React 프로젝트에 직접 복사해 사용하는 대시보드 스타일 예제 1,264개가 포함된 무료 오픈 소스 shadcn/ui 컴포넌트 및 블록 라이브러리입니다.
shadcn/ui 기반의 레트로 8비트 스타일 React UI 컴포넌트로, shadcn CLI를 통해 프로젝트에 복사해 사용할 수 있습니다.
다듬어진 UI 컴포넌트, 스프링 기반 호버 전환 효과, Radix 및 Base UI 버전을 제공하는 shadcn/ui 컴포넌트 레지스트리입니다.