圖靈鏡

React + Tauri · 設計模板

圖靈鏡 UI TRM UI

圖靈鏡桌面產品的 UI/UX 模板

每個圖靈鏡桌面產品都從同一套介面起步:同樣的設計權杖、元件與動效,改進也回到這裡,而不是散落在各個產品裡。模板包含 React 元件庫、側欄式應用外殼、八語言 i18n,以及一個能直接開窗的 Tauri 殼,不包含任何產品程式碼。

npm install && npm run dev 即可預覽元件畫廊,無需安裝 Rust

核心特色

  • 設計權杖與三態主題

    顏色、間距、圓角與動效集中定義,淺色 / 深色 / 跟隨系統三態切換。

  • 元件庫

    按鈕、表單控制項、分段控制項、選單、彈窗、抽屜、日曆、通知等,每一個都能直接操作。

  • 側欄式應用外殼

    標題列、側欄與方向性換頁,新產品直接套用。

  • 八語言 i18n

    建置時打包、同步切換,附帶三道校驗腳本;介面與殼共用語言包。

  • Tauri 桌面殼

    無邊框視窗、系統匣、開機自啟、日誌與設定的原子寫入,開箱即可開窗。

  • 克制的設計取向

    少框少線、顏色克制,出現與消失都有過程;指到的卡片向內收,不向上浮。

快速開始

  1. 預覽元件

    npm install && npm run dev,開啟 http://localhost:1410 檢視元件畫廊。

  2. 連殼執行

    安裝 Rust 後執行 npm run tauri:dev,得到一個真實的桌面視窗。

  3. 帶進你的專案

    src/trm/ 是模板本體,可以整個複製帶走。

其他產品