ASCII Mermaid Diagram Tool

Create beautiful Mermaid diagrams and export them as images. Enter your Mermaid code on the left and see the preview on the right.

Mermaid Code Input

Preview

Enter Mermaid code to see preview

About ASCII Mermaid Diagrams

ASCII Mermaid diagrams are text-based representations of Mermaid diagrams, perfect for documentation, terminal output, and anywhere you need diagrams in plain text format. This tool uses the beautiful-mermaid library to convert Mermaid syntax into beautiful ASCII art.

This tool supports 5 diagram types: Flowcharts (graph TD, flowchart LR), State Diagrams (stateDiagram-v2), Sequence Diagrams (sequenceDiagram), Class Diagrams (classDiagram), and ER Diagrams (erDiagram). The diagrams are rendered using Unicode box-drawing characters for a clean, professional appearance. You can export diagrams as PNG images or copy them as text with customizable indentation. Note: Gantt charts, pie charts, and other diagram types are not supported.

Getting Started

Simply enter your Mermaid diagram code in the input area on the left. The preview on the right will update in real-time, showing you the ASCII representation of your diagram. Use the Copy Text button to copy the diagram with custom indentation, or Export as PNG to save it as an image.

Important Notes

1. Mermaid syntax is not Markdown syntax. Mermaid is a separate diagramming language with its own syntax rules.

2. In this tool, you don't need to wrap your Mermaid code with three backticks. Simply paste the Mermaid syntax directly into the input area, and it will render automatically.

3. However, if you want to display Mermaid diagrams in the home page Markdown editor, you must wrap the content with three backticks and add 'mermaid' after the backticks, like this:

```mermaid
graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Action]
    B -->|No| D[End]
```

Learn More

To master Mermaid diagrams, explore these resources: