Mermaid diagram editor

Write a mermaid code block and Rapier draws it on the page. Flowcharts draw at once; other Mermaid diagrams, such as sequence diagrams and Gantt charts, use the free diagram plug-in, which downloads once and then works offline. Prefer to move boxes by hand? Draw makes diagrams with arrows that stay attached, saved as editable SVG.

Also: Free drawing app online · Free online Markdown editor

How to make a Mermaid diagram

1. Start a code block with ```mermaid, or change the starter's flowchart.
2. Change the words in the block and the diagram follows on the page.
3. Export the document as PDF, Word or an offline web page, with the diagram drawn.

Questions

Is it free?

Yes. Rapier is free and open source, with no account, ads or tracking.

Does it work offline?

Yes, once the page has loaded. Add it to your home screen to open it like an app, or keep the whole editor as one HTML file.

Can I export the diagram?

Yes. Export the document as PDF, Word or an offline web page, with the diagram drawn.