图灵镜 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/ 是模板本体,可以整个复制走。