React 프로젝트에 직접 복사해 사용하는 대시보드 스타일 예제 1,264개가 포함된 무료 오픈 소스 shadcn/ui 컴포넌트 및 블록 라이브러리입니다.
agmmnn/tauri-ui
데스크톱용 기본 설정과 선택 기능을 갖춘 shadcn/ui 기반 Tauri 앱을 생성하는 CLI입니다.
- 스타
- 2,327
- 포크
- 138
- 열린 이슈
- 2
- 마지막 커밋
- 7일 전
어떤 프로젝트인가요?
tauri-ui는 shadcn/ui 프런트엔드를 갖춘 Tauri 데스크톱 앱을 생성하는 스캐폴딩 도구입니다. Vite, Next.js, React Router, Astro, TanStack Start 중 프런트엔드 스택을 선택하면 공식 shadcn/ui 및 create-tauri-app CLI를 실행한 뒤, 네이티브 셸과 프런트엔드를 결합하고 데스크톱용 기본 설정을 적용합니다.
대부분의 Tauri 프로젝트에서 마주치는 문제를 해결하도록 기본 설정을 구성합니다. 시작 시 화면이 번쩍이는 현상을 방지하기 위해 첫 렌더링이 끝날 때까지 창을 숨기고, 외부 링크는 시스템 브라우저에서 열며, 오버스크롤 바운스를 비활성화하고, 선택 동작을 네이티브 데스크톱 앱에 가깝게 설정합니다. 생성된 프로젝트에는 선택적으로 추가할 수 있는 스타터 대시보드, Rust invoke 예제, GitHub Actions 릴리스 워크플로도 포함됩니다.
Cmd/Ctrl + D로 전환하는 디버그 패널을 추가하면 앱 상태, 라우트, 창 정보, 추적된 invoke, 런타임 이벤트, 플러그인 로그, 시스템 경로를 확인할 수 있습니다. 개발 환경 전용 기능입니다. 기존 tauri-ui 프로젝트에서도 같은 CLI로 나중에 이러한 추가 기능을 설치하거나 업데이트하거나 제거할 수 있습니다.
핵심 기능
- 01Vite, Next.js, React Router, Astro, TanStack Start 프런트엔드 중 선택해 Tauri 앱 생성
- 02공식 shadcn/ui 및 create-tauri-app CLI를 포크하지 않고 활용
- 03데스크톱용 기본 설정: 준비될 때까지 창 숨김, 외부 링크는 시스템 브라우저에서 열기, 오버스크롤 비활성화
- 04앱 상태, invoke, 런타임 이벤트, 시스템 진단 정보를 표시하는 선택형 디버그 패널
- 05CLI를 통해 기존 프로젝트에서 선택 기능 설치, 업데이트 또는 제거
활용 사례
- shadcn/ui 컴포넌트와 웹 프런트엔드를 사용하는 새 데스크톱 앱 시작
- 창과 링크 동작에 세심한 기본 설정이 필요한 Tauri 앱 프로토타이핑
- 개발 중 Tauri invoke 호출과 런타임 이벤트 디버깅
- GitHub Actions를 사용해 Tauri 앱의 릴리스 워크플로 설정
빠른 시작
- 1
CLI로 새 Tauri 앱의 기본 구조를 생성합니다
bunx create-tauri-ui@latest - 2
프로젝트 폴더로 이동합니다
cd my-app - 3
개발 모드로 앱을 실행합니다
bun run tauri dev
사용 전 알아둘 점
- 문서에 나온 명령어를 실행하려면 Bun이 필요합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- tauri-ui은(는) 무엇인가요?
- 데스크톱용 기본 설정과 선택 기능을 갖춘 shadcn/ui 기반 Tauri 앱을 생성하는 CLI입니다. tauri-ui는 shadcn/ui 프런트엔드를 갖춘 Tauri 데스크톱 앱을 생성하는 스캐폴딩 도구입니다. Vite, Next.js, React Router, Astro, TanStack Start 중 프런트엔드 스택을 선택하면 공식 shadcn/ui 및 create-tauri-app CLI를 실행한 뒤, 네이티브 셸과 프런트엔드를 결합하고 데스크톱용 기본 설정을 적용합니다.
- tauri-ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- tauri-ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- tauri-ui은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. tauri-ui의 마지막 커밋은 2026년 10월 31일입니다.
- tauri-ui은(는) 어디에 사용할 수 있나요?
- shadcn/ui 컴포넌트와 웹 프런트엔드를 사용하는 새 데스크톱 앱 시작 창과 링크 동작에 세심한 기본 설정이 필요한 Tauri 앱 프로토타이핑 개발 중 Tauri invoke 호출과 런타임 이벤트 디버깅 GitHub Actions를 사용해 Tauri 앱의 릴리스 워크플로 설정
- tauri-ui는 어떻게 설치하나요?
- CLI로 새 Tauri 앱의 기본 구조를 생성합니다: bunx create-tauri-ui@latest 프로젝트 폴더로 이동합니다: cd my-app 개발 모드로 앱을 실행합니다: bun run tauri dev
- tauri-ui은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/agmmnn/tauri-ui
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Tailwind CSS, Base UI로 만든 오픈소스 shadcn/ui 컴포넌트, 블록, 대시보드 템플릿으로, CLI나 복사·붙여넣기로 프로젝트에 추가할 수 있습니다.
shadcn/ui, Tailwind, Supabase와 Copilot 및 Cursor용 AI 어시스턴트 지침을 갖춘 React + Vite + TypeScript 보일러플레이트입니다.
macOS와 Windows에서 오프라인 우선으로 사용할 수 있는 음성 입력 앱으로, 음성을 텍스트로 변환해 어떤 앱에서든 커서 위치에 입력합니다.
Clerk 인증, 멀티테넌시, RBAC, i18n, Drizzle ORM, Tailwind CSS를 갖춘 오픈소스 Next.js SaaS 스타터입니다.
TypeScript, Tailwind CSS v4, 테스트, 린트, 선택적 AWS 배포 인프라를 갖춘 프로덕션용 Next.js 15 스타터 템플릿입니다.