Mermaid Studio
Design flowcharts, sequence diagrams, mind maps, and more with a powerful visual editor. Switch between simple text input and raw Mermaid code.
Input
Direction
Tab indents, Shift+Tab outdents. Press Escape, then Tab to leave the editor.
Lines: 1Characters: 26
Presets
Preview
100%
Enter text or code to generate a diagram.
Tips
- Switch to Code mode for raw Mermaid syntax.
- Simple mode converts plain text to diagrams automatically.
- Use A -> B or A => B to connect nodes in flowcharts.
- Visit mermaid.js.org for full syntax documentation.