Type Mermaid syntax and see the diagram render as you go. When it looks right, publish it as a clean, shareable page in one click.
Edit on the left, preview on the right, then publish the diagram as a link.
Mermaid turns plain-text syntax into flowcharts, sequence diagrams, Gantt charts, and more — but you usually only see the result inside a specific editor, a GitHub README, or a docs build. When you just want to sketch a diagram and check that the syntax is right, opening a whole project is overkill.
This is a live Mermaid preview: type or paste your diagram source on the left and the rendered diagram updates on the right, in your browser. Syntax errors show inline so you can fix them on the spot. When the diagram is ready, publish it to a dochost link — the page shows the rendered diagram, so you can share it with people who do not have a Mermaid renderer of their own.
Lin is a backend engineer writing an RFC for a new event-driven pipeline. The design is easier to follow as a sequence diagram than as prose, so Lin drafts it in Mermaid. The first attempt has a typo — a missing colon after a participant — and the diagram refuses to render. In the live preview the error appears inline with the offending line, so Lin fixes it in a few seconds instead of hunting through a failed CI docs build.
With the sequence diagram rendering cleanly, Lin clicks Publish and gets a dochost link. The RFC itself lives in a doc that not everyone can build locally, so Lin drops the diagram link directly into the review thread. Reviewers — including a PM with no developer tooling — open the link and see the rendered diagram immediately, comment on the flow, and Lin iterates on the syntax and republishes until the design is agreed.
Free links last 7 days with a free account. On a paid plan every page you create stays online permanently.
See pricing