MermanDraw
Open Editor

Changelog

Every notable change, newest first. Source and issues on GitHub.

  1. Safer share pages, pre-rendered content, better error UX

    • Share page redesign: Edit in the header and under the diagram, copy code, download SVG and PNG, show code, meta line and a 180-day notice.
    • Share page loads the same mermaid build as the editor instead of a CDN. Security headers (CSP and friends) on every route.
    • Cheatsheet, guides, examples and the landing page ship pre-rendered SVGs — no mermaid or React in the browser on content pages.
    • Editor keeps the last good render visible while you fix a syntax error; fuller error messages; clearer error line marker.
    • Skip link, visible focus rings, GitHub link in the header, this changelog.
    • CI with typecheck, unit tests, build and Playwright smoke tests. MIT license.

  2. Deep links, examples gallery, 8 blog posts

    • Deep links: /app/editor/#code=… (and compact #z=…) open the editor with code loaded. Content pages link to the editor this way.
    • 40 copy-ready examples at /examples/, searchable from the editor’s Templates menu.
    • Blog: Notion, Obsidian, Confluence and Jira, VS Code, Mermaid vs PlantUML, export to PNG/SVG, common rendering errors, where Mermaid renders natively.
    • Editor: copy PNG to clipboard, keyboard shortcuts, draft restore after reload.

  3. Guides, error line marker, auto-fix

    • One in-depth guide per diagram type (19 pages).
    • Editor highlights the line mermaid complained about, strips ``` fences on paste, and offers a one-click fix for common AI mistakes.
    • Share preview images restored for link unfurls; cookieless analytics beacon.

  4. Blog and navigation

    • Blog launched with the first two posts.
    • Primary navigation: Cheatsheet, Blog, Pricing.

  5. Cheatsheet and OG cards

    • One-page cheatsheet for all 19 diagram types with FAQ.
    • Dynamic OG cards and JSON-LD for content pages.

  6. Free forever

    • Pro plan removed. Everything is free, no accounts.
    • Privacy policy and terms of service.

  7. Themes and layout controls

    • Seven diagram themes, node and rank spacing sliders, pan and zoom, local history.

  8. Initial release

    • Live Mermaid editor with CodeMirror, anonymous share links with OG preview, PNG and SVG export, Cloudflare Pages with D1, KV and R2.