Loading editor...
Quick Answer
Our Mermaid diagram editor lets you create flowcharts, sequence diagrams, class diagrams, ER diagrams, and more using simple text-based syntax. See live previews as you type and export to SVG or PNG.
How It Works
Choose a diagram type (flowchart, sequence, class, etc.)
Write your diagram using Mermaid syntax
View the live preview on the right
Export as SVG/PNG or share via URL
Key Facts
- Create diagrams using simple text-based Mermaid syntax
- Live preview updates as you type
- Support for flowcharts, sequence, class, state, and ER diagrams
- Export to SVG or PNG formats
- Share diagrams via URL
- No account required - completely free
Frequently Asked Questions
What types of diagrams can I create?
Flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, pie charts, git graphs, and more.
Do I need to know programming to use Mermaid?
No, Mermaid uses a simple, intuitive syntax. For example, a flowchart arrow is just "A --> B". Templates are provided to help you get started.
Can I use these diagrams in my documentation?
Yes! Export as SVG or PNG for use in any document. Mermaid is also natively supported in GitHub, GitLab, Notion, and many other platforms.
Is there a size limit for diagrams?
There is no strict limit. Very complex diagrams may take longer to render, but typical documentation diagrams work perfectly.