The AI-powered Mermaid Editor for Developers
Create, edit, and share Mermaid diagrams online. Generate diagrams from text, images, or existing Mermaid code.
Features
All in one mermaid online editor
From idea to diagram in minutes
Features
From idea to diagram in minutes
Export & Share
Share in one click
Export diagrams as images or Markdown, or share a read-only link. The artifacts fit naturally into repos, wikis and pull requests.
Export & Share
Export diagrams as images or Markdown, or share a read-only link. The artifacts fit naturally into repos, wikis and pull requests.
- Export as Image/SVG
- Copy Markdown Code
- Share Read-only Link
- Embed in Documentation
Use Cases
Who is this for?
See how Mermaid Kit helps different roles.
Indie Dev
Solo founders and indie developers use this mermaid editor online to map core flows and APIs before building. Draft a flowchart or sequence diagram in the mermaid diagram editor—or let mermaid ai draft from text—then edit mermaid diagram online and commit Mermaid code to your repo.
Backend Architect
Backend architects use the online mermaid editor to align teams on boundaries and contracts. Create ER diagrams in the mermaid chart editor and iterate in the mermaid live editor with real-time preview, then paste Mermaid code into RFCs.
Tech Lead
Tech leads turn meetings into reusable docs with this mermaid editor. Upload an image, let mermaid ai generate a baseline, then refine flowcharts and sequence diagrams and link them in tickets and PRs.
Product Highlights
Designed for developer workflows
A mermaid editor for docs and reviews.
All-in-One Input
Start from text, images, or Mermaid code in one online mermaid editor.
AI Tuned
Mermaid AI that generates real Mermaid syntax you can edit in the mermaid diagram editor.
AI Context
Copy Mermaid code from the mermaid live editor as context for Cursor / Claude Code and other AI coding tools.
Pricing
Choose the plan that works best for you
Free
Great for trials and individual projects
- Up to 5 diagrams
- Theme switching
- 5 AI credits
- Export PNG with watermark
- High-resolution exports
- Version history
- AI image-to-diagram
Basic
Best value for most devs
- Unlimited diagrams
- Export SVG, high-resolution PNG
- Create folders
- 60 AI credits/month
- 5-day version history
- AI image-to-diagram
Premium
AI-powered workflow for complex systems
- All Basic features
- AI image-to-diagram (whiteboard photos)Coming soon
- 200 AI credits/month
- 30-day version history
- Priority support
- Share public linksComing soon
FAQ
Frequently Asked Questions
Turn one idea into a diagram today
Open Mermaid Kit, start with a single system: a small service, a new feature, or the next refactor you’re planning.
Friend Links & Community
