Source · .md
Drop a .md file or images here
Paste Markdown, drop a .md file, or open one
Proof
A4 · page breaks follow the downloaded PDF
Live
Write or paste Markdown with ```mermaid blocks and download a PDF in which every diagram is a sharp vector graphic with selectable text.
Paste Markdown, drop a .md file, or open one
Mermaid turns a few lines of text into flowcharts, sequence diagrams, Gantt charts and more. Getting those diagrams into a PDF is where it often goes wrong: many online Markdown converters do not render Mermaid at all and print the source code instead, some turn the whole page into one big image, and export from an editor may cut off wide diagrams or depend on fonts installed on your computer.
Here, every ```mermaid block is rendered to SVG in your browser and embedded in the PDF as native vector graphics. The diagram stays sharp at any zoom level, the labels can be selected, copied and found with search, and colours set with classDef or style come through as written.
Because diagrams are embedded as vector paths and text rather than pixels, they print crisply at any size and keep the file small. Search in your PDF reader finds words inside the diagrams, and you can copy a label straight out of a flowchart.
Diagrams keep their natural size when they fit. Wide ones are scaled down to the width of the text block instead of running past the margin, and one taller than a page is scaled to fit on a page. Labels are drawn as SVG text rather than embedded HTML, which is what makes some other exports show empty boxes where the labels should be.
Flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship diagrams, Gantt charts, pie charts, mind maps, timelines and the other types Mermaid supports are rendered by Mermaid itself, so the syntax is exactly what you know from GitHub, GitLab, Obsidian or Notion.
The converter you used does not render Mermaid; it treats the block as ordinary code. Here, any fenced block marked mermaid is rendered as a diagram. If the syntax is invalid, the preview and the PDF show a box with Mermaid’s error message, the line number and the offending line, and the rest of the document still renders.
It is a vector graphic, not a bitmap. It stays sharp when zoomed, and the text in it is real text that can be selected and searched.
Yes: put just the ```mermaid block in the editor and download. The PDF then contains the diagram alone, at its natural size or scaled down to fit the page. To use a diagram elsewhere, hover it in the preview to copy its SVG or download it as SVG or PNG.
Yes. Fills, stroke colours and line widths set with classDef, class or style are kept in the PDF.
No. Mermaid runs in your browser, and so does the PDF engine. The page is not allowed to send your document anywhere.
save a ChatGPT answer as a clean PDF with its tables, code and formulas
export DeepSeek answers, formulas included, as a PDF
turn Claude answers and Markdown artifacts, Mermaid diagrams included, into a PDF
save Google Gemini responses as a typeset PDF
a GitHub README.md as a PDF, with tables, code and diagrams
agent instruction files and Claude Code plans as a readable PDF
print a .md file with proper page breaks, diagrams and fonts