Mermaid Editor - Free Online Diagram Editor | IconVault
Write Mermaid diagram code with live SVG preview, theme picker and SVG/PNG downloads. Nothing uploaded. Free.
Mermaid Editor
Mermaid diagrams with live SVG preview and export
Live preview updates as you type. Diagram text is rendered locally, nothing is uploaded.
Preview
Type Mermaid code to see the diagram here.
5 of 5 free downloads left. Live preview is unlimited.
About this tool
IconVault's Mermaid Editor lets you write Mermaid diagram code and see it rendered as SVG instantly. Start from samples for flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps and timelines, pick a theme, and watch the live preview update as you type, with clear error messages when the syntax is off.
Export your finished diagram as SVG or PNG for docs, READMEs and presentations. The Mermaid library loads on demand and everything runs fully in your browser with nothing uploaded. It is free to try (repeated use may ask for Pro).
Frequently asked questions
Popular searches
More tools
Code Playground
Write HTML, CSS & JS with live preview.
JSON Formatter
Beautify, validate & minify JSON.
Base64 Encoder
Encode & decode text and files.
JWT Decoder
Inspect tokens without sending them anywhere.
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon