mermaid-editor

Mermaid Editor

About the tool

Mermaid is a JavaScript-based diagramming and charting tool that uses a custom syntax for creating complex diagrams.

This tool allows you to easily create Mermaid diagrams in your browser. It parses and compiles Mermaid in real time on the client and renders it as SVG.

Demo

Input (Mermaid)

sequenceDiagram
  Alice->>Bob: Hi Bob, how are you?
  Bob-->>Alice: Great!
  Alice-)Bob: See you later!
1
sequenceDiagram
2
  Alice->>Bob: Hi Bob, how are you?
3
  Bob-->>Alice: Great!
4
  Alice-)Bob: See you later!
5

Input in the Mermaid language.

Output

Thanks for stopping by my digital playground! If you want to say hi, you can reach out to me on LinkedIn or via email. I'm always keen to chat and connect.

If you really-really like my work, you can support me by buying me a coffee.