Drag-and-drop designer for MTMR presets. Build, preview, and export custom macOS Touch Bar configurations without writing JSON by hand.
A complete visual editor with real-time preview, preset management, and direct MTMR integration.
Drag elements from the palette onto the Touch Bar canvas. Reorder with drag-and-drop. Right-click for context menus with edit, duplicate, and delete.
Buttons, media keys, native plugins (weather, CPU, battery, music, network), sliders, groups, and custom script buttons across 6 categories.
Configure titles, images, colors, widths, alignment, and type-specific settings. Only appears when an element is selected to keep the workspace clean.
Assign tap actions — single, double, triple, or long press — with HID keycodes, AppleScript, shell scripts, or URL triggers.
Syntax-highlighted JSON preview with inline editing, validation, import/export, and click-to-select synchronization with the canvas.
5 built-in presets, 26 community presets, plus save and manage your own. Overwrite personal presets or fork any preset to create variations.
Load and save directly to your MTMR configuration file. Changes are written to ~/Library/Application Support/MTMR/items.json.
Full history support with keyboard shortcuts. Your work auto-saves to localStorage across sessions.
Traditional menu bar with File, Edit, Presets, and Help menus. Hover-to-switch, keyboard-friendly, and familiar to every desktop user.
Every element type supported by MTMR, ready to drag onto your Touch Bar.
A React frontend backed by an Express server, with optional Electron and native Swift layers.
Three-panel layout with element palette, Touch Bar canvas + JSON editor, and contextual property editor. State managed with useReducer and auto-persisted to localStorage.
Integrated with Vite via vite-express. Exposes filesystem API routes for reading and writing the MTMR configuration file on disk.
Optional Electron shell that embeds the React app and renders items to the actual macOS Touch Bar using Electron's native TouchBar API.
Bundled fork of the MTMR Swift macOS app. Build with Xcode. Fully compatible with presets designed in MTMR Designer.
| Method | Endpoint | Description |
|---|---|---|
| GET | /api/load-mtmr | Read MTMR config from disk |
| POST | /api/save-mtmr | Write MTMR config to disk |
| GET | /api/config-path | Get MTMR config file path |
| GET | /api/health | Server health check |
Choose from built-in and community presets, or save your own. Personal presets can be overwritten in place; all others fork into your collection.
| Type | Source | Count | Save | Edit |
|---|---|---|---|---|
| Built-in | Curated presets (Default, Media, Developer, Minimal, Productivity) | 5 | Fork | Fork |
| Community | MTMR-presets GitHub contributors | 26 | Fork | Fork |
| My Presets | Your saved configurations (localStorage) | — | Overwrite | Direct |
Clone the repo, install dependencies, and start designing.