Turing Mirror UI TRM UI
Shared components and design system
TRM UI provides consistent components, colors and interaction rules for Turing Mirror desktop apps. The gallery demonstrates the components and explains interaction, writing and motion. The component package connects to the project’s existing language and theme settings.
The gallery runs in a browser. Building the Tauri desktop application requires Rust.
Interactive examples
Features
Shared components
Buttons, forms, menus, tooltips and dialogs are maintained in one package. Products receive improvements by updating their dependency.
Interactive design guidance
The gallery covers interaction, writing, typography, color and motion, and records replaced designs and the reasons for each change.
Continuous interaction
Segmented controls support dragging. Filtered lists retain existing items, and panels resize continuously as content changes.
Eight languages and theme settings
Common interface text is available in eight languages. Products can connect their translations and use shared color variables or their own theme.
Getting started
Preview the gallery
Get the project, run npm install and npm run dev, then open the local preview URL in a browser.
Install the package
Follow the integration guide to install trm-ui at a pinned commit, import the required components and styles, and connect your language settings.
Verify and update
After updating the package, check the product build and interactions before releasing the product update.