Mermaid templates

Annotated examples for every major Mermaid diagram type. Open one in the editor and make it yours.

Flowchart

Nodes and arrows for processes, decisions, and logic flows — the most common Mermaid diagram.

Message passing between participants over time — perfect for API flows and protocols.

UML classes with fields, methods, and relationships — inheritance, composition, and more.

States and transitions for lifecycles and machines — from order status to UI modes.

Entities, attributes, and cardinality for database schema design.

Project timelines with sections, tasks, durations, and dependencies.

Quick proportional breakdowns with a one-line-per-slice syntax.

Hierarchical idea maps where indentation defines the tree structure.