Mermaid & markdown on your machine.
Scrivon is a desktop editor for Mermaid diagrams and Markdown documents. Open a folder on disk, edit .mmd or .md files with syntax highlighting, and preview diagrams or rendered Markdown live — no account, no cloud workspace required.
- Folder workspaces — Open any directory on disk; your files never leave your machine
- File explorer — Create, rename, duplicate, and delete
.md,.mmd,.mermaidfiles and folders from the sidebar - Multi-tab editing — Work across several documents in one session; tab state is restored per workspace
- Recent folders — Quick access from the welcome screen and File → Open Recent
- Dedicated diagram files — Edit standalone
.mmd/.mermaidsources with a split editor and canvas preview - Canvas tools — Pan and zoom the preview, fit diagram to screen, or switch to preview-only layout
- Diagram export — Save the active diagram as SVG or PNG (1×, 2×, or 4×)
- Live Markdown preview — GFM-style rendering beside the editor (tables, task lists, strikethrough, and more)
- Syntax-highlighted code — Fenced code blocks use Shiki themes that follow your UI light/dark mode
- Embedded Mermaid —
mermaidfenced blocks render inline; expand any block to the full canvas for pan, zoom, and export - PDF export — Save the full rendered document as PDF (native export on Windows via WebView2)
- Built-in examples — Curated sample diagrams and a Markdown syntax showcase to explore features
- Themes — Light and dark UI plus 15+ diagram palettes (Scrivon, Zinc, Tokyo Night, Catppuccin, Nord, Dracula, GitHub, Solarized, One Dark, and more)
- Autosave — Optional autosave to disk; Ctrl/Cmd+S saves immediately
- Settings — Ctrl/Cmd+, opens preferences for theme, autosave, editor, and configurable keyboard shortcuts
- Command palette — F1 to search files, open tabs, run commands, and find text across the workspace
- Desktop-native — Built with Tauri 2 for a fast, local-first experience on Windows
- Auto-updates — Stable releases can update in-app (see releases)
Scrivon is an independent editor. It is not affiliated with Mermaid Chart Inc. or the mermaid-js project.
Pre-built installers are published on GitHub Releases.
| Channel | Branch | Notes |
|---|---|---|
| Stable | main |
Recommended for everyday use; in-app updates enabled |
| Pre-release | rc |
Test builds; install manually from Releases |
- Download the latest installer from Releases.
- Launch Scrivon and choose Open Folder.
- Select a directory containing
.mdand/or.mmdfiles. - Edit in the center pane; the preview updates as you type.
- Diagram files — Preview renders on the canvas.
- Markdown files — Preview shows rendered Markdown; use Expand on a
mermaidblock to open it on the canvas.
Prerequisites: Bun, Rust, and platform dependencies for Tauri.
git clone https://github.com/Jamie-Fairweather/scrivon.git
cd scrivon
bun install
bun run tauri devFor release builds, signing keys, branch workflow, and semantic-release setup, see docs/development.md.
| Layer | Technologies |
|---|---|
| Desktop shell | Tauri 2 (Rust) |
| UI | Next.js, React 19 |
| Editor | Monaco |
| Diagram rendering | beautiful-mermaid |
| Markdown rendering | react-markdown, remark-gfm |
| Code highlighting | Shiki |
| Styling | Tailwind CSS |
scrivon/
├── app/ # Next.js app routes
├── components/studio/ # Editor, canvas, workspace UI
│ └── markdown/ # Markdown preview and embedded diagrams
├── lib/
│ ├── markdown/ # GFM pipeline, Shiki, PDF export HTML
│ └── mermaid/ # Diagram render and export
├── src-tauri/ # Tauri / Rust backend
├── scripts/ # Build and codegen utilities
└── docs/ # Maintainer documentation
Contributions are welcome. Please open an issue to discuss larger changes before submitting a pull request.
- Fork the repository and create a branch from
dev(ormainfor small fixes). - Use Conventional Commits (
feat:,fix:, etc.) so releases can be automated. - Run
bun run tauri devlocally to verify desktop behavior. - Open a pull request with a clear description of the change.
See docs/development.md for the full release pipeline, branch model, and updater signing.
- Mermaid for the diagram syntax
- Example diagrams adapted from Craft Mermaid samples
- UI built with coss / Base UI primitives
Scrivon is released under the MIT License. Third-party dependencies are listed in-app under Help → Licences.
