Flowchart generator
Describe a process and get a clean flowchart in seconds. Type Mermaid syntax — or a plain indented outline — and it renders live on your device. Nothing is uploaded.
One step per line. Indent two spaces to branch beneath the line above.
Two ways to build a flowchart here
Write Mermaid directly for full control over shapes and branches, or switch on Outline mode and type a plain indented list — each line becomes a node and each indent becomes an arrow. The outline path is a genuine text-to-flowchart that runs entirely on your device: there is no AI model and no cost, just a deterministic conversion you can read and trust.
Either way the diagram redraws as you type. When it looks right, export an SVG (sharp at any size), a PNG (great for slides and docs), or copy the Mermaid source to paste into a GitHub README, Notion page or your own editor.
Why diagram-as-code beats drag-and-drop
A flowchart written as text is versionable, diff-able and reviewable in a pull request — your diagram lives next to the code it documents instead of rotting in a separate design tool. Rename a step and every layout decision is recalculated for you; no nudging boxes around a canvas.
It is also portable: the same Mermaid block renders on GitHub, GitLab, Obsidian and dozens of docs tools. You are never locked into one vendor’s file format.
Diagram types
Frequently asked questions
How do I make a flowchart from text?
Type your steps as a Mermaid flowchart (for example "A --> B"), or turn on Outline mode and write an indented list — each line becomes a box and each indent becomes an arrow. The chart renders live as you type.
Is this flowchart maker really free with no watermark?
Yes. There is no signup, no account and no watermark on exports. Because the diagram is rendered in your browser, there is no server cost that a paywall or logo would need to cover.
Can I export the flowchart as an image?
Yes — export a vector SVG (scales perfectly) or a PNG for slides and documents. You can also copy the Mermaid source or a ready-to-paste Markdown block for GitHub.
Do my diagrams get uploaded anywhere?
No. Rendering runs entirely on your device with Mermaid.js. Your text never leaves the browser. The rendering engine itself loads once from a public CDN, then it is cached.
What shapes can a flowchart use?
Boxes for steps, diamonds for decisions, rounded shapes for start/end, and a cylinder for datastores. See the syntax cheatsheet above for the exact text for each.