Business / Diagrams
Mind Map Maker: Markdown Outline to SVG or PNG
Make a mind map from Markdown headings or nested lists. Choose branch colours, label width and the initial expand level, then pan, zoom or export the visible branches.
Mind Map Maker: Markdown Outline to SVG or PNG: Type an outline with headings, bullet points or indented lines and it becomes an interactive mind map. Pan, zoom and fold branches, choose how many levels start open, and download the map as SVG or PNG. Runs 100% locally in your browser with zero server file uploads.
- Category
- Business & admin tools
- Runs
- In your browser
- Cost
- Free · no sign-up
- Availability
- Ready to use
Runs entirely in your browser
Click a circle to collapse or expand. Drag to pan; scroll to zoom. Exports include the visible branches.
Outline rendering
markmap transforms Markdown into an interactive tree. The transformer and viewer are bundled locally and licensed under MIT. Options reference: https://markmap.js.org/docs/json-options
Export behaviour
This tool exports the expanded branches as a standalone SVG with native text, or as a PNG. HTML, links, scripts and external resources are excluded. Label width is measured in pixels. There is a limit of 200 outline lines and 50,000 characters.
How to use it
- Edit the starter outline, or clear it and add headings and nested lists.
- Choose colours, label width and an initial expand level. Click circles to fold branches.
- Fit the view, copy the outline, or download SVG or PNG.
Privacy & limitations
The outline stays in this browser session. Nothing is uploaded or saved to local storage. Images, links and external plugin assets are disabled.
Related tools
Frequently asked questions
Can I paste plain text?
Yes. Non-heading lines become list items and indentation becomes nesting. Markdown formatting is reduced to plain labels.
What is included in the export?
The currently expanded branches are exported at their full bounds, independently of pan and zoom. Files have a white background unless you choose preview colours.
How is this different from the Mermaid editor?
This tool is for outlines and interactive mind maps. Use the Mermaid editor for other diagram languages, the chart maker for numerical data, or the timeline maker for dated events.
Free tool · runs in your browser · no account required