图灵镜

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

其他产品