Open MMD files in your browser
A diagram written as text, from a repo, a README or a wiki. Open one right here as the picture it describes, on any computer or phone. Nothing leaves your device.
Or drop it anywhere on this page
What you'll see
Your diagram opens at its first page, drawn sharp at any zoom, with its pages and shapes beside it.
- Every page • Shapes, lines, labels and pictures
- Shapes • Search every label and name
- Inspect • Sizes, colors, fonts and links
- Export • Pages as SVG, PNG or PDF
About MMD
Mermaid writes diagrams as text: a line for each box and arrow, which GitHub, GitLab, Notion, Obsidian and most wikis draw as a picture. Developers keep flowcharts, sequence diagrams and timelines in .mmd files next to their code, so they change in the same commits.
An .mmd file is plain text that starts with the diagram's kind, like flowchart, sequenceDiagram, classDiagram, stateDiagram, erDiagram, gantt, pie, mindmap or timeline, then its nodes, links and labels. It says what's connected, not where things go: Mermaid lays the diagram out each time it draws it.
Filepeek draws it in your browser with Mermaid itself, run in a sealed frame with its click handlers off and its labels as plain SVG text, so nothing in the file runs on the page. The diagram opens sharp at any zoom, Search finds any label, and Export saves it as SVG, PNG or PDF. Mermaid blocks in the Markdown files Filepeek opens are drawn the same way.
Mermaid diagram
.mmd • .mermaid
Format
- MIME type
- text/vnd.mermaid
- Made by
- Mermaid
Inside the file
- Holds
- Diagrams written as text
- Kinds
- Flowcharts, sequence, class, state, ER, Gantt and more
- Format
- Plain text
- Made by
- Mermaid, free and open source
Opens in every browser
Filepeek opens .mmd and .mermaid files in Chrome, Edge, Firefox and Safari as the diagram they describe. On their own, browsers download them or show their text.
- YouChromeOpens through Filepeek
- YouEdgeOpens through Filepeek
- YouFirefoxOpens through Filepeek
- YouSafariOpens through Filepeek
Apps that open MMD
- WindowsAny text editor shows it • VS Code and Obsidian draw it
- MacAny text editor shows it • VS Code and Obsidian draw it
- iPhone and iPadNo app built in draws it
- AndroidNo app built in draws it
Questions
How do I open an .mmd file?
Drop it on this page or press Peek an MMD. It opens as its diagram in your browser, on any computer or phone, with nothing to install.
Why doesn't my diagram draw?
A line Mermaid can't read stops the whole diagram, so the file opens as text instead, where the line can be found and fixed.
How do I convert Mermaid to PNG, SVG or PDF?
Open it, choose Export, then Save the page as SVG, Save as PDF, or save it as PNG or JPEG at 1x, 2x or 3x.
Are Mermaid blocks in Markdown drawn?
Yes. A Markdown file Filepeek opens draws each mermaid block as its diagram, in place, the way GitHub does.
Can I edit it?
It's plain text, so any editor changes it. Mermaid's live editor at mermaid.live draws it as you type.