Templates

Diagram templates

Ready-made Mermaid diagrams for common engineering and product workflows. Open any template in the editor and adapt it to your project.

15 templates

FLOWCHART

Atlas

Microservices overview

High-level view of a microservices system with gateway, services, and shared datastores.

System architectureMedium8 nodes

SEQUENCE

Memphis

Client to server data flow

Sequence of calls from a web client through backend services to the database and cache.

System architectureSimple5 nodes

SEQUENCE

Brutalist

OAuth 2.0 authorization code flow

Standard OAuth 2.0 authorization code exchange between user, app, and identity provider.

API workflowSimple4 nodes

FLOWCHART

Slate

Webhook delivery with retry

Outbound webhook pipeline with signing, retry on failure, and dead-letter fallback.

API workflowMedium8 nodes

FLOWCHART

Brutalist

GitHub Actions release pipeline

CI pipeline running lint, test, build, tag, and publish through GitHub Actions jobs.

CI/CD pipelineMedium7 nodes

FLOWCHART

Memphis

Staged deploy with approval gate

Promote a build through staging, smoke tests, manual approval, and production rollout.

CI/CD pipelineMedium9 nodes

FLOWCHART

Obsidian

Retry with exponential backoff

Retry strategy using exponential backoff with jitter and a hard cap on attempts.

Retry & error handlingMedium6 nodes

FLOWCHART

Modern

Dead-letter queue handling

Consumer with main queue, retry queue, and dead-letter queue for poison messages.

Retry & error handlingMedium7 nodes

FLOWCHART

Blueprint

Sign-up to first value

User journey from landing page sign-up through onboarding checklist to the aha moment.

User onboardingMedium7 nodes

SEQUENCE

Modern

Team invite and accept

Sequence for inviting a teammate via email and accepting into the workspace.

User onboardingSimple4 nodes

STATE

Classic

E-commerce order lifecycle

State transitions of an order from creation through fulfillment, cancellation, or refund.

State machineMedium6 nodes

STATE

Atelier

Subscription status transitions

Subscription states covering trial, active, past due, cancelled, and expired flows.

State machineSimple5 nodes

Classic

E-commerce data model

Entities for customers, orders, line items, products, and payments in an e-commerce app.

Data modelSimple5 nodes

Atelier

SaaS multi-tenant schema

Tenants, users, roles, and resources for a row-level multi-tenant SaaS database.

Data modelSimple5 nodes

GANTT

Atelier

Quarterly product roadmap

Gantt view of product discovery, build, launch, and follow-up work across a quarter.

Project roadmapMedium6 nodes

Skip the blank canvas

Every template is a working example you can open in the editor, edit the Mermaid source, and export as SVG or PNG. No account or download required.

Covers the common cases

Flowcharts, sequence diagrams, state diagrams, and ER diagrams for the situations engineers actually document — microservices, OAuth, webhooks with retry, release pipelines, data models, and quarterly roadmaps.

Presentation-ready output

Each template is rendered with Beauty Diagram, so the exported image is cleaner than default Mermaid and ready to drop into a doc, slide, or README.