A Mermaid diagram created with the Mermaid flow visual editor

Create Mermaid diagrams visually.

Mermaid flow is the easiest and fastest visual editor for Mermaid diagrams.

Like what you see?

Sign up to Mermaid flow for free.

Mermaid flow's FAQs

Mermaid Flow is an online Mermaid JS editor that takes this a step further and simplifies the creation and maintenance of your Mermaid Diagrams. Mermaid Flow generates Mermaid JS code which can be rendered directly in GitHub README's and also stored and version controlled in code. This app makes it easy to create Mermaid JS diagrams with its visual and interactive editor, so you get the stability of version controlled diagrams with the simplicity of drawing. Mermaid flow also leverages cutting edge generative AI technology to help you create any diagram type you need. Simply describe your ideal diagram and it will be generated within seconds.

From the Mermaid JS website, Mermaid lets you create diagrams and visualizations using text and code. Mermaid is a JavaScript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Doc-Rot is a Catch-22 that Mermaid helps to solve.

Currently Mermaid flow supports flowchart diagrams for visual editing and in the future it will support diagrams and charts such as Sequence, Class, State and more. However, Mermaid flow supports all diagrams for text based and AI editing capabilities.