29 / Tools & discovery
Mermaid Live — Diagrams from text
Mermaid Live Editor turns a few lines of text into flowcharts, sequence diagrams, Gantt charts, and more, with a live preview as you type.
- Access
- Public — no account needed
- Runs on
- Mermaid Live Editor · static
- Live status
- Checking
Who it is for
- Developers documenting systems next to their code
- Writers who want diagrams that live in Markdown
- Anyone who finds dragging boxes slower than typing
What you can do
Live preview
The diagram redraws as you type, with errors shown inline.
Many diagram types
Flowcharts, sequence, class, state, ER, Gantt, pie, mind maps, timelines, and more.
Export
Download PNG or SVG, or copy the Mermaid code into Markdown, GitHub, Forgejo, or the wiki.
Saved in the link
The diagram is encoded in the page address, so a bookmark keeps your work.
Getting started
- 01
Open mermaid.math7.com.
- 02
Pick a sample diagram or start typing in the code panel.
- 03
Export an image, or copy the code into your documentation.
Access
Mermaid Live is public and needs no account.
Privacy and data
The editor runs in your browser and Math7 stores nothing. Optional image links use the public mermaid.ink renderer only when you choose them.
Common questions
Where can I use the code?
Anywhere Mermaid is supported, including Forgejo and many Markdown editors.
How is it different from Draw.io?
Draw.io is for drawing by hand; Mermaid builds diagrams from text that is easy to version and review.