πŸ€– AI-powered Β· πŸ“œ Open source Β· πŸ”Œ MCP-ready

Markdown as a living graph.

MarkdownTree transforms any markdown document into an interactive node graph β€” structure, hierarchy, and relationships become immediately visible. Edit, explore, enhance with AI, and export in seconds.

markdown.platphormnews.com/editor
SplitGraphPreview
#Project Architecture
## Overview
System designed for global scale...
## Components
- Frontend layer
- API gateway
- Data pipeline
### API
GET /api/v1/transform
[Read docs](https://...)
H1Project ArchitectureH2OverviewH2ComponentsH3APIListFrontend layerListAPI gatewayCodeGET /api/v1/…Read docsLink β†—9 nodes Β· 8 edges
100%
🌐 Browser-native, no backend required
4 views
✏️ Editor Β· πŸ”€ Split Β· πŸ“Š Graph Β· πŸ‘οΈ Preview
MIT
πŸ“œ Open source licence
v1 API
πŸ”Œ OpenAPI documented, MCP-compatible
Features

Everything you need to master your markdown

From a powerful Monaco editor to an AI assistant to a fully documented API β€” MarkdownTree is the tool you didn't know you were missing.

Graph Visualization

See every heading, paragraph, code block, and link as a navigable node in an interactive graph. Collapse subtrees, zoom, pan, and click to jump to source.

Monaco Editor

Full-featured markdown editor powered by Monaco β€” the same engine as VS Code. Syntax highlighting, auto-pairs, and live graph updates as you type.

AI Enhancements

Open the AI panel to improve writing, generate a table of contents, summarize sections, or ask questions about your document in natural language.

Four View Modes

Switch between Editor, Graph, Split, and Preview. Resize panels freely. Toggle the document outline sidebar and minimap to fit your workflow.

Export & Share

Export to Markdown, clean HTML, or structured JSON. Share a URL that encodes your document so collaborators open it instantly, no signup needed.

MCP-Ready API

Every feature is available via a versioned REST API with OpenAPI docs. MCP-compatible for AI agent workflows at mcp.platphormnews.com.

How it works

Paste. Explore. Export.

01

Paste or write

Open the editor and paste your existing markdown, import a .md file, or start typing from scratch.

02

Explore the graph

Your document instantly becomes a zoomable, collapsible graph. Click any node to jump to it in the editor.

03

Export or share

Export to Markdown, HTML or JSON. Copy a shareable URL to send your document β€” no account required.

For developers

A fully documented REST API

Every feature is accessible via /api/v1. Transform markdown to graph JSON, stream AI enhancements, and receive structured webhooks. OpenAPI spec live at /api/docs.

POST /api/v1/transform
{
  "content": "# Hello\n\n## World",
  "options": {
    "includeText": true,
    "direction": "RIGHT"
  }
}

// β†’ 200 OK
{
  "nodes": [
    { "id": "n0", "type": "heading",
      "depth": 1, "text": "Hello" },
    { "id": "n1", "type": "heading",
      "depth": 2, "text": "World" }
  ],
  "edges": [
    { "from": "n0", "to": "n1" }
  ]
}
FAQ

Common questions

What is MarkdownTree?

MarkdownTree is a visual markdown editor that transforms your documents into interactive graph visualizations, so you can see, navigate and understand document structure at a glance.

Is MarkdownTree free?

Yes, MarkdownTree is completely free and open source under the MIT license.

Does MarkdownTree store my documents?

No. Documents are processed entirely in your browser. Nothing is sent to or stored on our servers.

What export formats does MarkdownTree support?

MarkdownTree supports export to Markdown, HTML, and JSON. PNG graph export is coming soon.

Does MarkdownTree have an API?

Yes. MarkdownTree exposes a versioned REST API at /api/v1 with OpenAPI documentation at /api/docs. It is MCP-compatible for AI agent workflows.

Free forever, no account required

Ready to see your markdown differently?

Paste any document and get an interactive graph in under a second. No signup, no install.