Repolode
agmmnn

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. 1

    CLI로 새 Tauri 앱의 기본 구조를 생성합니다

    bunx create-tauri-ui@latest
  2. 2

    프로젝트 폴더로 이동합니다

    cd my-app
  3. 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 통계는 매일 갱신됩니다.

관련 프로젝트