Flowchart
Basic Process Flow
A simple start-to-finish process flow for mapping linear work.
Mermaid templates
Start with a diagram pattern that already matches the work.
Pick a Mermaid template for architecture, workflow, product planning, data modeling, or launch communication. Open any template in the editor to customize the source and export SVG or PNG.
Featured templates
Each page includes the Mermaid source, customization notes, and related templates.
Flowchart
Decision Tree Flow
A branching flowchart for comparing decisions and outcomes.
Flowchart
Customer Support Flow
A support request workflow from intake through escalation and resolution.
Flowchart
E-commerce Order Process
An e-commerce checkout flow from registration through payment, shipping, and confirmation.
Flowchart
Product Onboarding Flow
A user onboarding flow with setup, activation, and follow-up steps.
Flowchart
System Architecture Flow
A high-level request flow across frontend, API, services, and storage.
Flowchart
API Gateway Service Flow
A styled API request flow through rate limiting, auth, services, databases, and external providers.
Sequence Diagram
Google OAuth Sign-In Sequence
A sequence diagram for Google OAuth sign-in across browser, auth server, API, and database layers.
oauthauthsequence
Sequence Diagram
API Request Sequence
A sequence diagram for client, gateway, auth, service, cache, and database calls.
apisequencearchitecture
ER Diagram
User Order ER Diagram
An entity relationship diagram for users, orders, line items, products, and payments.
databaseerecommerce
Class Diagram
Domain Model Class Diagram
A class diagram for account, workspace, project, diagram, and export domain objects.
classdomainmodeling
State Diagram
Approval State Machine
A state diagram for draft, review, approved, rejected, published, and archived states.
stateapprovalworkflow
Gantt Chart
Project Roadmap Gantt
A Gantt chart for planning discovery, design, implementation, QA, launch, and iteration.
ganttroadmapplanning
Timeline
Product Launch Timeline
A launch timeline for alpha, beta, pricing, documentation, release, and follow-up milestones.
timelinelaunchproduct
C4 Diagram
System Context C4 Diagram
A C4 context diagram for users, a SaaS app, identity, email, payments, and analytics systems.
c4architecturecontext
Architecture
Cloud Architecture Diagram
An architecture-beta diagram for web, API, worker, database, object storage, and queue services.
architecturecloudinfrastructure
Sankey
Data Pipeline Sankey
A Sankey diagram for data moving from sources into ingestion, warehouse, dashboards, and exports.
sankeydatapipeline