Mermaid Kit

What is Mermaid Kit?

A web-based Mermaid diagram editor that helps developers create, edit, and share diagrams quickly. Start from text, images, or existing Mermaid code and watch the live preview update as you type. Built-in AI can generate real Mermaid syntax from sketches, screenshots, or plain descriptions so you can refine diagrams right away. Export as PNG, SVG, or Markdown, share read-only links, and include diagrams in repos, wikis, and pull requests. Paid plans add version history, high-resolution exports, and extra AI credits.

Key features

• Write Mermaid code and see the diagram update in real time.
• Generate editable Mermaid diagrams from text, images, or existing code.
• Convert whiteboard photos into baseline diagrams with AI assistance.
• Export diagrams as PNG, SVG, or Markdown for easy sharing.
• Share read-only links and embed diagrams in docs or repos.
• Version history and high-resolution exports available on paid plans.