Tencent-TDS/KuiklyUI
Kotlin 기반 크로스플랫폼 UI 프레임워크로 Android, iOS, HarmonyOS, Web, 미니앱을 단일 코드베이스로 개발
3,287+62이번 주0 찜
271포크65이슈
중간맛 분석
스택: Kotlin Multiplatform, Jetpack Compose 기반 (1.7.3 커스터마이징 버전)
난이도: 중상급 (KMP·Compose 경험 추천)
바로 쓸 수 있는가: 예. 공식 Quick Start 문서와 데모 앱이 준비되어 있고, 온라인 샌드박스 경험 가능
주요 장점: AOT 모드에서 Android 300KB, iOS 1.2MB 수준의 초경량 바이너리 생성; 네이티브 성능 보장; DSL과 Compose DSL 선택 가능
데모: GitHub Releases에서 Android APK 다운로드 가능, QR코드로 즉시 체험
이런 레포예요
이럴 때 쓰면 좋아요
- 대규모 멀티플랫폼 모바일 앱을 단일 Kotlin 코드베이스로 개발·유지보수할 때
- 5억 이상의 월활 사용자를 서빙하는 상용 앱에서 네이티브 성능과 동적 업데이트가 필요할 때
- Android, iOS, HarmonyOS, Web, 미니앱을 동시에 지원해야 하는 엔터프라이즈 애플리케이션
핵심 기능
단일 코드베이스로 6개 플랫폼(Android·iOS·macOS·HarmonyOS·Web·미니앱) 동시 지원초경량 네이티브 바이너리(Android 300KB, iOS 1.2MB)와 진정한 네이티브 성능 보장선언형(DSL) 및 반응형(Compose) 프로그래밍 패러다임 모두 지원
대안 대비 차별점
각 플랫폼의 네이티브 렌더링 엔진을 직접 활용해 React Native·Flutter의 VM 오버헤드를 제거하면서도, JetBrains Compose Multiplatform보다 HarmonyOS와 미니앱 지원 범위를 훨씬 넓게 제공합니다.
준비물
- JDK 17
- Android Studio 2024.2.1+
- Xcode (iOS/macOS 개발용)
- Cocoapods
- DevEco Studio 5.1.0+ (HarmonyOS 개발용)
- Kotlin 1.3.10+
바로 시작하기
- 환경 설정 완료 확인 (JDK 17, Android Studio 2024.2.1+, Xcode, DevEco Studio 등)
# 저장소 클론
git clone https://github.com/Tencent-TDS/KuiklyUI.git
cd KuiklyUI
- Android 앱 실행
# Android Studio에서 KuiklyUI 루트 디렉토리 열기 및 프로젝트 동기화
# androidApp 설정 선택 후 실행
- iOS 앱 실행
cd iosApp
pod install --repo-update
cd ..
# Android Studio에서 KuiklyUI 루트 디렉토리 열기 및 프로젝트 동기화
# iOSApp 설정 선택 후 실행
- macOS 앱 실행
cd macApp
pod install --repo-update
cd ..
# Android Studio에서 KuiklyUI 루트 디렉토리 열기 및 프로젝트 동기화
# macOSApp 설정 선택 후 실행
- HarmonyOS 앱 실행 (Mac)
# KuiklyUI 루트에서 빌드 스크립트 실행
./2.0_ohos_demo_build.sh
# DevEco Studio에서 ohosApp/entry 실행
- HarmonyOS 앱 실행 (Windows)
REM 환경 변수 설정 후
2.0_ohos_demo_build.bat
REM DevEco Studio에서 ohosApp/entry 실행
별 추이 · 7일
3,287+62 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 14/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2025년 생성
이 레포에 깃밥 배지 달기
[](https://www.gitbap.com/r/Tencent-TDS/KuiklyUI)🔌 클로드에서 바로 써보기
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
방법 ① 커넥터 URL
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp방법 ② 플러그인 (체험까지)
플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기