Sequence Diagram Guide

Learn to create professional sequence diagrams with Mermaid. Cover participants, messages, and advanced features.

Define who or what is involved in the interaction. Use `participant` for objects/services and `actor` for human representations.

sequenceDiagram
    actor User
    participant Browser
    participant Server
    participant Database

Live Editor

Unsaved
Ready
Loading Monaco Editor...
Preview
Styling
Sequence Diagram

More Tutorials

Flowchart Syntax Guide — Nodes, Arrows & Subgraphs

Master Mermaid flowchart syntax with this interactive guide. Learn node shapes, connections, and advanced features.

Gantt Chart Tutorial — Tasks, Dependencies & Milestones

Create professional project timelines with Mermaid Gantt charts. Learn tasks, dependencies, and scheduling.

ER Diagram Tutorial — Entities, Keys & Relationships

Design database schemas visually with Mermaid ER diagrams. Learn entity declarations, attribute types, relationships, and cardinality notation.

Paste ChatGPT Mermaid Code

Got Mermaid code from ChatGPT? Paste it here to render, edit, and export.