Diagram templates

Ready-made Mermaid templates you can open, edit and export in seconds. Pick a template below to start from a working example instead of a blank page.

Decision flowchart template

A simple decision flowchart template with a yes/no branch and a loop back to the decision node. Edit the code, then export as SVG or PNG.

A left-to-right flowchart template for an order fulfillment process, from receiving an order to sending a confirmation.

A flowchart template for a typical web application architecture: client, API server, cache, database and a background worker.

A sequence diagram template showing a browser requesting data from a server that reads from a database.

A sequence diagram template for a typical login flow with credential verification and a returned auth token.

A sequence diagram template showing a password reset flow via an emailed link.

An entity-relationship diagram template for an e-commerce orders database with customers, orders and order items.

An entity-relationship diagram template for a blog database with authors, posts and comments.

An entity-relationship diagram template for a many-to-many users/roles permission system.

A Gantt chart template for a project plan with design, build and launch sections and task dependencies.

A Gantt chart template for a product launch timeline with a marketing phase and a critical go-live task.

A Gantt chart template for an agile sprint plan covering planning, development and release.

A simple Mermaid pie chart template showing browser market share – swap in your own labels and values.