Free Markdown Editor with Mermaid Diagrams
Markdown + Mermaid
Insert Diagram
# Documentation with Diagrams Write **Markdown** with embedded Mermaid diagrams. Each diagram gets its own zoom controls. ## Example Flow ```mermaid flowchart LR A[Write Markdown] --> B[Add Mermaid blocks] B --> C[Live preview] C --> D[Export to PNG or PDF] ``` ## Architecture ```mermaid flowchart TB subgraph frontend [Frontend] UI[User Interface] API[API Client] end subgraph backend [Backend] SVC[Service Layer] DB[(Database)] end UI --> API API --> SVC SVC --> DB ``` Regular markdown continues here with **bold**, *italic*, and `code`. - Lists work normally - So do tables, blockquotes, and everything else > Zoom each diagram independently, then export to PDF at those exact sizes.
100%
Export
Scroll
Zoom
Ctrl
+
Scroll
Pan
Drag
Move
Command Palette
Search for a tool or action...