Markmap — Build mindmaps with plain text

Dev Tools

markmap — Render Markdown as interactive SVG mindmaps. Use when users need to convert Markdown documents into mindmaps, generate HTML files via CLI, or navigate mindmap nodes interactively in the browser.

Install

openclaw skills install markmap

Markmap — Build mindmaps with plain text

Markdown → interactive SVG mindmaps. Powered by markdown-it + d3-flextree.

Quick Start

npm install -g markmap-cli
markmap README.md --open          # Generate interactive HTML mindmap
markmap README.md --offline       # Offline standalone HTML

Core API

import { Transformer } from 'markmap-lib';
import { Markmap } from 'markmap-view';
const { root } = new Transformer().transform('# Hello\n- World');
Markmap.create('#mindmap', { zoom: true }, root);

Reference Files

FileCoverage
references/transform.mdTransformer + Frontmatter + HTML Parser + CDN + Vite Build
references/render.mdMarkmap Rendering + deriveOptions + Full HTML Examples
references/cli.mdCLI Commands + Programmatic API + Dev Server Architecture
references/architecture.mdPackage Architecture + Markdown→SVG Pipeline + Asset Loading
references/common-api.mdAll Options/Node Types + CSS Variables + Hook/Loader
references/plugins.md6 Built-in Plugins + Custom Plugins