#mermaid

Markdown Live Preview Editor

t-shoot

Obsidian-style editable live Markdown preview with custom CSS themes, Mermaid diagrams, and syntax-highlighted code blocks.

Arch Studio

rbcesar

Visual Mermaid diagram editor with rich annotations, powered by ReactFlow

Prosedown

psuzzi

Rich, block-based WYSIWYG markdown editing in VS Code — tables, math, Mermaid, and rich diffs.

Generate beautiful architecture and flowchart images from Mermaid or text using gpt-image-2-all

Snappy GitHub-flavored markdown editor with mermaid pan/zoom, code highlight, outline, and per-pane themes. Runs in VS Code Desktop AND vscode.dev / github.dev.

Markdown Warrior Preview

Dng

A modern, beautiful markdown preview with presentation mode for VS Code

Lumen Reader

mkpvishnu

A beautiful, modern Markdown, PDF, and CSV reader with live preview, diagrams, search, and effortless navigation.

annotron — Markdown preview, Mermaid diagrams & point-and-click review

hueanmy

Preview Markdown & HTML with Mermaid diagrams (flowchart, sequence, class, ER, C4, gantt), outline navigation, and point-and-click review. A human-in-the-loop layer for AI coding agents (Claude Code, Cursor): comment on any element or text, auto-apply feedback via the integrated agent loop, sync edi

Mermaid Preview Exporter

xinzipanghuang

Export Mermaid diagrams from VS Code's native Markdown preview as SVG, PNG, or editable PPTX.

LogicScope

CODExGAMERZ

DSA & OOPs visualizer that generates control flow, recursion trees, and class diagrams in real-time as you type.

Mermaid Export (Python)

theApiGuy

Export .mermaid/.mmd files to PNG/SVG/PDF via a local Python+Playwright renderer. No npm, no cloud.

Mermaid Node Editor

SS-inkwright

A sidebar editor for Mermaid flowchart nodes — rename an ID and every edge updates with it.