Online flowchart maker with Mermaid — export SVG or PNG

Draw flowcharts, sequence diagrams, class diagrams, state diagrams and Gantt charts from Mermaid syntax, with a live canvas you can pan and zoom. Export vector SVG, high-resolution PNG, or the underlying source to keep in version control.

Every operation runs in your browser using WebAssembly and Web Workers. Your file is never uploaded to a server, so nothing can leak, be logged, or be used to train anything.

• Flowchart, sequence, class, state, ER, pie and Gantt diagram types
• Live preview with pan, zoom and subgraph support
• Export SVG (vector), hi-res PNG, or the raw Mermaid source
• Diagrams are text, so they diff and review like code

FAQ

Why use text-based diagrams?

Because they live in your repository alongside the code, they diff in pull requests, and they regenerate identically instead of drifting out of sync as binary images do.

Can I get a vector export for print?

Yes — SVG export is vector and scales losslessly for print or slide decks.

Is my diagram data sent anywhere?

No. Rendering happens in your browser; the diagram source never leaves the tab.

Related Pages & Tools

• Markdown Reader
• Word & Markdown to PDF
• AI & MCP Hub
• Private Workspace