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.