Skip to content

Mermaid.ink embed code generator

Paste any Mermaid.ink URL — get a ready-to-paste embed for mermaid diagrams rendered as shareable images: Flowcharts, sequence diagrams, gantt charts, and more.

How to embed Mermaid.ink diagrams

Paste a Mermaid.ink link

Copy the mermaid.ink URL that renders your diagram definition.

Get the embed code

The tool detects the content type and generates the right embed HTML.

Copy & paste

Click Copy code, then paste the HTML into your blog, docs, CMS, or any HTML editor.

Why use our Mermaid.ink embed code generator

No manual setup

Paste any Mermaid.ink link and get working embed HTML without hand-writing image tags.

Built for Mermaid diagrams

Embeds the rendered image of flowcharts, sequence diagrams, gantt charts, and other Mermaid definitions.

Customizable preview card

Switch to Card mode to customize colors, fonts, and layout before copying.

Free, no signup

Generate up to 50 embeds per day. No login, no API key, no watermarks.

Mermaid.ink Embed with one click.

Powered by the Microlink Embed API — the same infrastructure handling embeds at scale.

  • Diagram as image

    Mermaid.ink renders the diagram to an image, so it shows up anywhere that allows images.

  • All diagram types

    Works with flowcharts, sequence diagrams, gantt charts, and the rest of the Mermaid syntax.

  • Preview card fallback

    A styled preview card with title and image when native embedding is restricted.

  • Diagram as image

    Mermaid.ink renders the diagram to an image, so it shows up anywhere that allows images.

  • All diagram types

    Works with flowcharts, sequence diagrams, gantt charts, and the rest of the Mermaid syntax.

  • Preview card fallback

    A styled preview card with title and image when native embedding is restricted.

FAQ

How do I embed a Mermaid.ink diagram on my website?

Paste the mermaid.ink URL into the tool, click Generate, and copy the embed HTML into your page.

What diagram types does Mermaid.ink support?

Mermaid.ink renders flowcharts, sequence diagrams, gantt charts, and other diagram types from Mermaid definitions.

Is the diagram embedded as an image?

Yes. Mermaid.ink renders the Mermaid definition into an image, which you can embed anywhere images are allowed.

Will the diagram stay sharp when scaled?

Mermaid.ink can serve crisp output, so the embedded diagram stays readable across screen sizes.

Is this free?

Yes — 50 requests per day, no login, no credit card.