Mermaid Diagram

Generate flowcharts, sequence, state, class, ER, and Gantt diagrams from text, with source editing, live preview, and SVG export.

Your text is sent to the AI model service; when tracing is enabled it is also recorded in Langfuse. Do not enter sensitive information.

How to use

  1. Pick a diagram type, describe what you need, and click "Generate diagram" — or insert an example or import .mmd/.txt source.
  2. Edit the source to see a live preview; syntax errors appear in the preview area. SVG export is only available after the current source renders successfully.
  3. Copy or download the source for documentation and collaboration. Preview and file import run locally — only "Generate diagram" sends your description to the AI service.