Markdown + Mermaid Preview

Mermaid is a diagramming syntax that lets you define flowcharts, sequence diagrams, class diagrams, Gantt charts, and more using plain text, similar to how Markdown works for formatted documents. It's widely supported by GitHub, GitLab, Notion and many documentation tools.

This preview parses your Markdown with marked, extracts fenced ```mermaid code blocks, renders each diagram with the official mermaid library, and sanitizes all output with DOMPurify before displaying it — all inside your browser.

Note: this site's Content-Security-Policy does not permit unsafe-eval script execution. If a specific diagram type relies on runtime code evaluation to render, you'll see a clear error message for that diagram instead of a silent failure — the rest of your Markdown will still display normally.