Mermaid
Open Editor

Mermaid Templates

Browse 27 scenario templates — architecture, business flows, APIs, data models, and more. Preview locally or open in the Editor.

All templates run in your browser. Opening a template loads it into the Editor via a local transfer (no upload).

Architecture

  • System architecture

    Client → API → services → data stores.

  • C4 system context

    People and external systems around your product.

  • Microservices map

    Gateway, bounded contexts, and shared infra.

  • Hexagonal ports

    Domain core with inbound/outbound adapters.

Business

  • Approval workflow

    Approval-style flowchart with decisions.

  • Refund process

    Customer refund with risk checks.

  • Cross-team swimlane

    Product, eng, and ops handoffs.

API & Sequence

  • API sequence

    Client calling API with auth and DB.

  • OAuth login

    Authorization code flow sketch.

  • Webhook delivery

    Producer retries until consumer ACK.

Data

  • Database ER

    Users, orders, and line items.

  • Blog schema

    Authors, posts, tags, and comments.

  • ETL pipeline

    Extract → transform → load to warehouse.

Project

  • Project Gantt

    Simple delivery timeline with sections.

  • Release timeline

    Milestones across quarters.

  • Effort breakdown

    Where the sprint capacity went.

Product

  • User journey

    Onboarding journey with scores.

  • Feature mindmap

    Editor capabilities at a glance.

  • Priority quadrant

    Impact vs effort for backlog items.

DevOps

  • Deploy topology

    Edge, app tier, and data tier.

  • CI/CD pipeline

    Lint → test → build → deploy.

  • Git branching

    Main, develop, and a feature branch.

  • Traffic sankey

    Request volume across tiers.

Modeling

  • Order state machine

    Order lifecycle with cancel path.

  • Domain classes

    Order aggregate with line items.

  • Error handling sequence

    Happy path vs failure with rollback.

  • Block layout

    Simple block diagram of layers.

My templates

Saved in this browser from the Editor. Click a name to open it there.

No personal templates yet. Save one from the Editor Templates panel.

FAQ

Are these the same as Editor samples?

No. Samples are diagram-type starters. Templates here are scenario-oriented diagrams you can load as a starting point.

Is my custom template uploaded?

No. “My templates” stay in localStorage on this device only.