Mermaid Viewer

Sequence Diagram Examples

Start with Mermaid sequence diagram examples for API calls, service interactions, and user-facing flows.

Open online previewExport PNG or SVG

API request sequence example

Copy this example into the editor to preview it with Mermaid themes and layout presets.

sequenceDiagram
  participant Browser
  participant API
  participant Database
  Browser->>API: Request data
  API->>Database: Query records
  Database-->>API: Return records
  API-->>Browser: Render response

Preview, style, and export in one place

Mermaid Viewer keeps the workflow focused: paste Mermaid code, preview the rendered diagram, choose a theme or layout preset, then export PNG/SVG when the result is ready for documentation or slides.

Related Mermaid tools

Mermaid ViewerMermaid PreviewMermaid Diagram ViewerMermaid Flowchart ViewerMermaid Sequence Diagram ViewerMermaid Themes

Frequently Asked Questions

What is a Mermaid sequence diagram?
A Mermaid sequence diagram shows interactions between participants over time using text-based Mermaid syntax.
Can I export sequence diagram examples?
Yes. Preview the example in Mermaid Viewer and export it as SVG or PNG.