Mermaid Live Editor

Mermaid Live Editor is a web app for writing diagrams in Mermaid's text format and seeing them rendered right away. It is the hosted editor for the open source Mermaid project.

You type a short text description, such as a flowchart with nodes and arrows, and the editor draws the diagram beside it. Sample diagrams cover many chart types. Users can also switch to a visual editor, save their work and share a link.

• Write diagrams in Mermaid text syntax with live preview
• Flowcharts, sequence, Gantt, class and many more types
• Visual drag and drop editor for diagrams
• Save and share diagrams
• AI diagram generation from a written description

Developers documenting architecture, product teams sketching flows and anyone who keeps diagrams in Markdown files. Text-based diagrams are easy to review in version control.

The core editor is free, and the Mermaid project is open source under the MIT license. Extra features such as team collaboration are part of a paid tier, and the site offers a seven day trial of those features. Diagrams are written as text, so the source can be kept in your own repositories and edited later.