Mintlify home page
Search...
⌘K
Ask AI
Community
Get Started
Get Started
Search...
Navigation
Components
Mermaid Diagrams
Documentation
Components
Integrations
Changelog
Components
Accordions
Accordion Groups
Callout Boxes
Cards
Card Groups
Code
Code Groups
Frames
Icons
Mermaid Diagrams
Steps
Tabs
Tooltips
Update
API Components
Parameter Fields
Response Fields
Expandables
Sidebar Code Examples
On this page
Types of Diagrams
How to Use
Components
Mermaid Diagrams
Display diagrams using Mermaid
Mermaid
lets you create visual diagrams using text and code. Here’s an example of what you can create:
Types of Diagrams
You can create various types of diagrams including:
Flowcharts
Sequence diagrams
Class diagrams
State diagrams
Entity relationship diagrams
User journey diagrams
And more
Visit the
Mermaid website
for a complete list of supported diagrams.
How to Use
To create a Mermaid diagram, simply write your diagram code within a Mermaid code block:
Copy
Ask AI
```mermaid
// Your mermaid code here
```
Was this page helpful?
Yes
No
Icons
Steps
Assistant
Responses are generated using AI and may contain mistakes.