Mermaid Diagram Wizard

Select Diagram Type

Flowchart

Sequence

Class

State

ER Diagram

Pie Chart

Mind Map

Graph

Diagram Title

Flow Direction

Mermaid Theme

Direction applies to Flowchart and Graph types. Theme affects all diagram types.

Node Shape

Nodes

Arrow Style

Connections

Describe Your Diagram

Type in plain English. The parser will convert your description into a Mermaid diagram.

Internet to Router to Firewall User-Server sequence flow Decision flow with if-else ER relationship example

Color Palette

Corporate Blue

Teal-Gold

Forest Green

Sunset

Monochrome

Violet

Ocean

High Contrast

Custom Node Colors

Fill #dbeafe

Stroke #2563eb

Text #1e293b

Choose a diagram type, add nodes and connections, then click Render. Or use Smart mode to describe your diagram in plain English.

Mermaid Code