HomeDiagramsSequence diagram

Sequence diagram

Sequence diagrams show the order messages pass between participants over time — the standard way to document an API call, an auth handshake, or a distributed-systems trace. zombie-mermaid supports actors, activation boxes, and every Mermaid arrow type.

Source → render

An authenticated API call, message by message.

auth-flow.mmd
sequenceDiagram
  Alice->>Bob: Hello Bob!
  Bob-->>Alice: Hi Alice!
Sequence diagram diagram, zombie-mermaid Hello Bob! Hi Alice! Alice Bob
More examples

More real-world examples.

Sequence diagram diagram, zombie-mermaid Click button Query Results Display User System Database
Sequence: Actor Stick Figures
Sequence diagram diagram, zombie-mermaid Solid arrow (sync) Dashed arrow (return) Open arrow (async) Open dashed arrow A B
Sequence: Arrow Types
Sequence diagram diagram, zombie-mermaid Request Process Done Response Client Server
Sequence: Activation Boxes
Sequence diagram diagram, zombie-mermaid Internal process Validate Log Server
Sequence: Self-Messages
Sequence diagram diagram, zombie-mermaid loop [Every 30s] Connect Heartbeat Ack Disconnect Client Server
Sequence: Loop Block
Sequence diagram diagram, zombie-mermaid alt [Valid credentials] [Invalid] [Account locked] Login 200 OK 401 Unauthorized 403 Forbidden Client Server
Sequence: Alt/Else Block
Show 7 more examples
Sequence diagram diagram, zombie-mermaid opt [Cache miss] Get data Cache miss Query Results Store in cache App Cache Database
Sequence: Opt Block
Sequence diagram diagram, zombie-mermaid par [Fetch user data] [Fetch orders] Authenticate Get profile Get orders Combined response Client AuthService UserService OrderService
Sequence: Par Block
Sequence diagram diagram, zombie-mermaid Hello Reply Alice prepares Bob thinks Conversation complete Alice Bob
Sequence: Notes (Right/Left/Over)
Sequence diagram diagram, zombie-mermaid Click Login Authorization request Login page Credentials Authorization code Exchange code for token Access token Request + token Protected resource Display data User Client App Auth Server Resource API
Sequence: OAuth 2.0 Flow
Sequence diagram diagram, zombie-mermaid alt [Success] [Insufficient funds] POST /transfer BEGIN Debit account A Credit account B INSERT audit_log COMMIT 200 OK ROLLBACK 400 Bad Request Client Server Database
Sequence: Database Transaction
Sequence diagram diagram, zombie-mermaid par [Fetch data] Validate token Valid Get user User data Get orders Order list Send notification Queued Aggregate response Gateway Auth Users Orders Notify
Sequence: Microservice Orchestration
Sequence diagram diagram, zombie-mermaid Hello Bob, how are you ? Fine, thank you. And you? Hi Carl! Hi! We are too many I agree Alice Bob Carl Donald
Sequence: Create/Destroy Participants
Keep exploring

Explore the other diagram types.

Pick a look

Live in every built-in theme.