heroui-inc/heroui-native

React Native용 아름답고 현대적인 UI 컴포넌트 라이브러리

개발 재료맘대로 써도 됨 · Apache-2.0디자인·UI 컴포넌트TypeScript난이도
3,512+38이번 주0 찜
134포크5이슈
데모·홈페이지 열기heroui.com

중간맛 분석

TypeScript 기반의 React Native UI 컴포넌트 라이브러리로, NativeWind를 활용한 스타일링을 제공합니다. Expo 환경에서 바로 사용할 수 있으며, 공식 예제 앱(heroui-native-example)을 통해 사전 구성된 프로젝트에서 시작할 수 있습니다. iOS 앱스토어에서 미리보기 앱을 다운로드하거나 공식 문서(heroui.com/docs/native)에서 데모와 사용법을 확인할 수 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • iOS 및 안드로이드를 위한 크로스플랫폼 모바일 앱을 빠르게 개발할 때
  • 일관된 디자인 언어가 필요한 엔터프라이즈 모바일 애플리케이션 구축 시
  • Expo 기반 프로젝트에서 프리페치된 UI 컴포넌트로 프로토타이핑 및 빠른 출시가 필요할 때

핵심 기능

Figma 기반의 통일된 디자인 시스템NativeWind를 활용한 유틸리티 기반 스타일링iOS와 안드로이드 양쪽 네이티브 지원

대안 대비 차별점

엄격한 디자인 시스템 준수와 공식 팀의 관리를 통해 웹의 HeroUI처럼 일관되고 안정적인 React Native 컴포넌트 생태계를 제공합니다.

준비물

  • React Native
  • Expo
  • Node.js 및 npm

바로 시작하기

공식 예제 앱 저장소를 클론합니다.

git clone https://github.com/heroui-inc/heroui-native-example
cd heroui-native-example

프로젝트의 의존성을 설치합니다.

npm install

Expo 개발 서버를 시작합니다.

npx expo start

iOS 또는 안드로이드 시뮬레이터에서 앱을 실행합니다(프롬프트의 지시를 따릅니다).

별 추이 · 7일

3,512+38 / 7일

활용성 · 따라 만들기 좋은가

샘플 점수 34/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2025년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/heroui-inc/heroui-native.svg)](https://www.gitbap.com/r/heroui-inc/heroui-native)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기