Skip to content
Markdown to PDF
Open editor

Mermaid to PDF

Mermaid diagrams to PDF

Write flowcharts, sequence diagrams and Gantt charts as text, see them render live, and export a PDF where every diagram stays a crisp vector.

Start writing
  • No signup
  • No watermark
  • No upload — runs in your browser
  • Free forever
# Checkout Service — Design Notes

## Request flow

```mermaid
sequenceDiagram
  participant U as User
  participant W as Web app
  participant P as Payments API
  U->>W: Click "Pay"
  W->>P: Create payment intent
  P-->>W: Client secret
  W->>U: Confirm card
  U->>P: 3-D Secure
  P-->>W: Payment succeeded
```

## Order states

```mermaid
stateDiagram-v2
  [*] --> Pending
  Pending --> Paid: payment succeeded
  Pending --> Cancelled: timeout
  Paid --> Shipped
  Shipped --> [*]
```

## Architecture

```mermaid
flowchart LR
  A[Browser] --> B[Edge cache]
  B --> C[API gateway]
  C --> D[(Orders DB)]
  C --> E[Payments]
```

## Timeline

```mermaid
gantt
  dateFormat YYYY-MM-DD
  title Launch plan
  section Build
  API          :a1, 2026-10-01, 14d
  Frontend     :a2, after a1, 10d
  section Launch
  Beta         :b1, after a2, 7d
```
10 words 845 chars ~1 min read Ln 1, Col 1 A4 · portrait · Modern Private · on-device

Why use it

Why use this Mermaid to PDF tool

  • Every Mermaid diagram type

    Flowcharts, sequence, class, state, ER, Gantt, pie, mindmaps, timelines and more.

  • Live rendering

    Diagrams update as you type, and syntax errors are shown inline instead of breaking the page.

  • Print-perfect vectors

    Diagrams are embedded as SVG, so they stay sharp when zoomed or printed, and never split across pages.

How to

How to use the Mermaid to PDF converter

  1. STEP 01

    Write a diagram

    Open a code block with ```mermaid and describe your diagram in text.

  2. STEP 02

    Check the preview

    Fix any syntax errors shown in the preview. Use Landscape for wide diagrams.

  3. STEP 03

    Export the PDF

    Download PDF — diagrams are kept as vectors alongside your text.

Diagrams as code, documents as PDF

Mermaid lets you describe diagrams in plain text, which makes them easy to version, review and update. The catch is sharing them with people who don’t live in a Markdown viewer. Exporting the whole document to PDF solves that: architecture notes, runbooks and project plans become a single file anyone can open.

Supported diagram types

  • Flowcharts for processes and architecture
  • Sequence diagrams for APIs and user flows
  • State and class diagrams for system design
  • Entity-relationship diagrams for databases
  • Gantt charts and timelines for planning
  • Pie charts and mindmaps for quick summaries

Layout tips

  1. Keep labels short — long labels make diagrams wide.
  2. Prefer top-to-bottom (TB) layouts in portrait pages.
  3. Put each large diagram after a heading so it starts cleanly on a page.

FAQ

Frequently asked questions

Which Mermaid version is used?

A recent Mermaid release, loaded only when your document contains a diagram. It runs in strict security mode.

My diagram is too wide for the page.

Switch to Landscape in Style → Page, use flowchart TB instead of LR, or shorten node labels.

Can I mix diagrams with code and math?

Yes — diagrams, highlighted code, tables and equations can all live in the same document.

Are diagrams uploaded to render them?

No. Mermaid runs in your browser like everything else here.

Ready when you are.

Paste your Markdown above, or open the full-screen editor.

Open the editor