Mermaid Diagram Templates

Ready-to-use Mermaid diagram templates. Pick a template and open it directly in the live editor.

Flowchart

User Authentication Flow

Login, registration, and password reset flow with validation and error handling paths.

Open in Editor
Flowchart

CI/CD Pipeline

Build, test, and deploy pipeline with parallel jobs, staging, and production gates.

Open in Editor
Sequence

REST API Request/Response

Client, API gateway, backend service, and database interaction with auth and caching.

Open in Editor
Sequence

OAuth 2.0 Authorization Code Flow

Complete OAuth 2.0 authorization code grant with PKCE, token exchange, and refresh.

Open in Editor
Class

E-Commerce Domain Model

Product, Order, Customer, and Payment classes with relationships and methods.

Open in Editor
ER Diagram

Blog Database Schema

Users, Posts, Comments, and Tags with a many-to-many tagging relationship.

Open in Editor
ER Diagram

SaaS Multi-Tenant Schema

Tenants, Users, Roles, Subscriptions, and Invoices for a multi-tenant SaaS platform.

Open in Editor
State

Order Lifecycle

Order states from creation through payment, shipping, delivery, and cancellation paths.

Open in Editor
State

Pull Request Workflow

PR states from draft through review, approval, CI checks, and merge or close.

Open in Editor
Gantt

Sprint Planning

Two-week sprint with design, development, testing, and release phases.

Open in Editor
Mindmap

Project Architecture

Frontend, backend, and infrastructure breakdown for a modern web application.

Open in Editor
Git

Git Flow Branching

Main, develop, feature, release, and hotfix branches following the Git Flow model.

Open in Editor