Repolode
投稿する
agmmnn

agmmnn/tauri-ui

shadcn/uiをベースに、デスクトップ向けの初期設定やオプション機能を備えたTauriアプリを生成するCLI。

GitHub で見る公式サイト
スター
2,327
フォーク
138
未解決の Issue
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、ランタイムイベント、システム診断情報を確認できるオプションのデバッグパネル
  • 05既存のプロジェクトでCLIからオプション機能を追加・更新・削除

ユースケース

  • shadcn/uiコンポーネントとWebフロントエンドを使うデスクトップアプリの新規作成
  • ウィンドウやリンクの挙動が整った初期設定を備える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が必要です。

収録されている特集

デスクトップGUIアプリとツールキット

トピック

#tauri#shadcn-ui#scaffold#desktop-app#react#typescript#rust#base-ui#boilerplate#nextjs

よくある質問

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コンポーネントとWebフロントエンドを使うデスクトップアプリの新規作成 ウィンドウやリンクの挙動が整った初期設定を備える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 の数値は毎日更新されます。

関連プロジェクト