Use simple Mermaid syntax to describe your diagrams. No complex tools needed.
Watch your diagrams come to life instantly as you type with real-time rendering.
Let AI help you refine, expand, or create diagrams from natural language.
Export as SVG/PNG or share via link. Embed anywhere with ease.
See your changes instantly as you type. No more switching contexts or waiting for renders. Catch errors early and perfect your diagrams faster.
Enter a distraction-free full-screen view for your diagrams. Perfect for meetings and demos. URL state is preserved.
Stuck on syntax? Just say what you want and let Gemini handle it for you. Refine and expand with ease.
Sign in with GitHub or Google to sync your diagrams across all your devices for free. Access your work from anywhere, anytime.
Browse 70+ ready-made templates across 18 diagram categories including Flowcharts and Sequence diagrams to kickstart your project.
Customizable interface themes to reduce eye strain. Choose from a variety of syntax highlighting themes to match your preference.
Export your diagrams as high-quality SVG or PNG images. Share diagrams with a single link or embed them in your own sites.
New to Mermaid? Check out the official documentation to learn about all diagram types and syntax:
Official Mermaid Documentation →Yes, the core editor is completely free and open source. You can create, save (locally), and export diagrams without any cost.
No, you can start creating diagrams immediately using local storage. However, signing in with GitHub or Google allows you to sync your diagrams across devices for free.
The AI Assistant helps you generate Mermaid syntax using Google's Gemini AI. You can use it for free with our provided key, or optionally provide your own Gemini API key for higher limits.
Yes, the diagrams you create are yours. The editor itself is open source under GPL-3.0.
Yes! All your diagrams and settings are saved locally in your browser by default. You can work completely offline without an internet connection.
You can share diagrams by copying the URL (which contains the diagram code) or by using the 'Embed as iframe' feature to add it to your website. You can also export as PNG/SVG.