Turing Mirror UI TRM UI
UI/UX template for Turing Mirror desktop apps
Every Turing Mirror desktop app starts from the same interface: the same design tokens, components and motion, with improvements flowing back here instead of drifting apart in each product. It includes a React component library, a sidebar app shell, 8-language i18n and a ready-to-run Tauri shell, with no product code.
Run npm install && npm run dev to preview the component gallery. No Rust needed.
Features
Tokens & themes
Colors, spacing, radii and motion defined in one place, with light, dark and system themes.
Component library
Buttons, form controls, segmented controls, menus, modals, drawers, calendars, notices and more, all interactive.
Sidebar app shell
Title bar, sidebar and directional page transitions, ready for a new product.
8-language i18n
Bundled at build time and switched instantly, with three validation checks; the UI and shell share one set of locale files.
Tauri desktop shell
Frameless window, tray, autostart, logging and atomic config writes, ready to open a window.
A restrained style
Few borders, restrained color, and motion on both enter and exit; hovered cards press in rather than float up.
Getting started
Preview
Run npm install && npm run dev and open http://localhost:1410 to browse the gallery.
Run with the shell
With Rust installed, run npm run tauri:dev to get a real desktop window.
Bring it into your app
src/trm/ is the template itself. Copy the whole folder.