Skip to content
TextArray1.41.0
100% local

Mermaid diagram generator

Turn an indented list into a Mermaid flowchart, hierarchy graph or mindmap definition.

Input
Output
Related tools
Markdown TOC generatorDeveloper tools
Markdown table generatorText formatting
Indent textText formatting
i18n key diffDeveloper tools
TOML to JSON converterDeveloper tools
SQL to JSONDeveloper tools
Mermaid diagram generator
Paste an indented or bulleted list of items and this tool turns it straight into Mermaid diagram syntax, ready to drop into a README, a wiki page, Notion, or any editor with Mermaid support. Each level of indentation becomes a parent-child relationship, so an outline of a process, an org chart, or a folder structure becomes a diagram definition without hand-writing the node and edge syntax yourself.
Choose the diagram type first: flowchart and hierarchy graph both use Mermaid's node-and-arrow syntax (the difference is only which keyword opens the definition), while mindmap produces the nested, arrow-free layout Mermaid uses for radial mind maps. Direction (top-to-bottom, left-to-right, bottom-to-top, right-to-left) and connector style (arrow, dotted, thick) apply to flowcharts and hierarchy graphs. Node shape controls whether each item renders as a rectangle, a rounded box, a diamond, or a cylinder. Turn off auto-generated IDs to derive each node's identifier from its own text instead of a generic n1, n2, n3 sequence — useful when you want to read the raw syntax as easily as the rendered picture. Node numbering prefixes every label with its position in the list, and maximum nesting depth lets you cap how many indentation levels are included, dropping anything deeper.
Indentation can use tabs, spaces, or a leading bullet (-, *, •, +) — the tool measures relative indent width rather than assuming a fixed tab size, so mixed lists still nest correctly. Quotation marks, brackets, parentheses and other characters that would otherwise break Mermaid's syntax are automatically escaped in labels, so pasted text never produces invalid output. Windows (CRLF) and Unix (LF) line endings are handled the same way, and the live tally under the output reports lines in, nodes and edges produced, and total characters.
Everything runs locally in your browser — your outline is never uploaded anywhere. Copy the generated syntax, download it as a .txt file, or send the output back into the input to keep refining the structure before pasting it into your diagram tool of choice.
FAQ
What is the difference between "flowchart" and "hierarchy graph"?
They use the same node-and-arrow syntax; hierarchy graph just opens the definition with Mermaid's older "graph" keyword instead of "flowchart". Both render identically in any Mermaid-compatible viewer.
Does the mindmap option support direction or connector style?
No. Mermaid mindmaps are laid out automatically and have no arrows, so those two options only affect flowchart and hierarchy graph output.
What happens to list items nested deeper than the maximum depth?
They are left out of the diagram entirely, along with anything nested under them, so the result stays readable for very deep outlines.
How are special characters like quotes and brackets handled?
Any label containing characters that would break Mermaid syntax is automatically wrapped in quotes and escaped, so the output always stays valid.
Is my list uploaded anywhere?
No. The list-to-diagram conversion runs entirely in your browser—your outline never leaves your device.