圖靈鏡 UI TRM UI
圖靈鏡桌面產品的 UI/UX 模板
每個圖靈鏡桌面產品都從同一套介面起步:同樣的設計權杖、元件與動效,改進也回到這裡,而不是散落在各個產品裡。模板包含 React 元件庫、側欄式應用外殼、八語言 i18n,以及一個能直接開窗的 Tauri 殼,不包含任何產品程式碼。
npm install && npm run dev 即可預覽元件畫廊,無需安裝 Rust
核心特色
設計權杖與三態主題
顏色、間距、圓角與動效集中定義,淺色 / 深色 / 跟隨系統三態切換。
元件庫
按鈕、表單控制項、分段控制項、選單、彈窗、抽屜、日曆、通知等,每一個都能直接操作。
側欄式應用外殼
標題列、側欄與方向性換頁,新產品直接套用。
八語言 i18n
建置時打包、同步切換,附帶三道校驗腳本;介面與殼共用語言包。
Tauri 桌面殼
無邊框視窗、系統匣、開機自啟、日誌與設定的原子寫入,開箱即可開窗。
克制的設計取向
少框少線、顏色克制,出現與消失都有過程;指到的卡片向內收,不向上浮。
快速開始
預覽元件
npm install && npm run dev,開啟 http://localhost:1410 檢視元件畫廊。
連殼執行
安裝 Rust 後執行 npm run tauri:dev,得到一個真實的桌面視窗。
帶進你的專案
src/trm/ 是模板本體,可以整個複製帶走。