Source first
Markdown stays at the center. The diagram is a visual layer, not a proprietary replacement for your writing.
NodeMDMarkdown, made visual.
Turn structured notes into a clear, editable map—without giving up the source.
Skip to content
Why NodeMD
Ideas often begin as plain text and become harder to understand as they grow. NodeMD reveals the structure already present in Markdown, then gives you a canvas for shaping it visually.
The source stays recognizable and portable. The canvas adds perspective without locking your notes inside a diagram format.
Get started
Run the Web UI
From the repository root:
sh
docker compose up --build -dOpen http://localhost:4173 in your browser.
Open Markdown
Open the project menu, choose Open Markdown, then select or drop a .md file. You can also paste Markdown directly. H1–H3 headings and nested lists become map nodes.
Shape the map
- Double-click a node to edit its text.
- Press
Shift+Ato add a branch, or use the action bar below the canvas. - Drag from a selected node's connection handle to link it to another node.
- Use the left rail to adjust color, type, line width, corner radius, and shadow.
Take your work with you
Export the current view as SVG or high-resolution PNG. Exporting a project bundle downloads the Markdown, visual styles, manual relationships, SVG, and PNG together in a .nodemd.zip file.
Before you start
Canvas changes currently live in the browser session and do not write back into the imported Markdown. Export a project bundle before closing or refreshing the page.