Free tools
Mermaid viewer
Paste Mermaid code to see the diagram, in a light or a dark theme. Download the diagram as SVG, or get a link to a page that shows it.
- Runs in your browser
- No account
- Get a link when you want one
Paste content or choose a file to see the preview.
Get a link
Publish this document to a Display URL that you can send to anyone.
- Anyone with the link can open it for 30 days. Search engines do not index it.
- You also get a claim link. Open it and sign in to keep the page and choose who can open it.
Nothing leaves your browser until you select Get a link. Do not publish passwords, keys or personal data.
How to use the Mermaid viewer
- Paste Mermaid code into the source box, or drop an .mmd file on it. To see how the tool works, select Load an example.
- Read the diagram in the diagram pane. The diagram changes when you stop typing. Select Dark to see it in the dark theme.
- If the code has an error, the diagram pane shows the Mermaid error message and the line.
- Select Download SVG to save the diagram as an image file.
- To send the diagram to someone, select Get a link. Display publishes a Markdown document with your diagram and gives you a URL and a claim link.
Limits
- The tool renders and publishes up to 5 MB of Mermaid code. For files up to 50 MB, publish with the Display CLI.
- The tool uses Mermaid 11.16.1, the same version that draws diagrams on published Display pages.
- Mermaid runs with its strict security level in a sandboxed frame. Click actions and HTML in node labels do not work.
- Download SVG saves the diagram in the theme that you see. The tool does not make PNG files.
- Get a link makes a public link. Anyone with the URL can open it for 30 days. Search engines do not index it.
Mermaid viewer questions
Does the Mermaid viewer send my diagram to Display?
No. Mermaid draws the diagram in your browser. Display receives the code only when you select Get a link.
Which diagram types work?
All diagram types in Mermaid 11.16.1, for example flowcharts, sequence, class, state, entity relationship, Gantt, pie and mindmap diagrams.
What does the published page show?
A Markdown document with one Mermaid code block. Display draws the block as a diagram, in light or dark to match the reader's setting. To add notes next to the diagram, publish the code block in a Markdown file from the Markdown viewer.
How long does the link work?
30 days. Open the claim link and sign in to keep the diagram in your Display organization. After you claim it, you can make it open only for people at your company.
Let your agent publish the next one
Connect Cursor, Codex, Claude Code or any other agent. It publishes HTML and Markdown to a URL, and you choose who can open it.
Claude
Cursor
Codex