The best Mermaid integration for Slack in 2026

Every "Mermaid in Slack" setup looks the same on day one: code goes in, a diagram comes out. The differences show up on day ten, when someone needs to change the diagram and nobody knows where the current source is.

Direct answer: For a team that keeps changing its diagrams, Arialine is the best Mermaid integration for Slack: it renders pasted Mermaid without AI, posts a PNG and interactive HTML, keeps the source, lets anyone edit the diagram by replying in its thread, and stores every version with the message behind it. If you only need a free, one-off PNG and want nothing stored, Mermaid Preview is a good fit.

The options

1. Paste Mermaid as a code snippet

Free and instant, but Slack shows code, not a diagram. Reviewers who can't read Mermaid are left out, and the next edit happens in someone's local editor.

Good for: developers talking to developers about a small change.

2. Link to Mermaid Live Editor

Render the diagram at mermaid.live and share the link. The diagram looks right, but it lives outside Slack, each edit creates a new link, and the thread and the diagram drift apart.

Good for: a quick look at syntax.

3. Screenshot from your IDE or docs

Everyone can see it, nobody can edit it. The source is on one laptop; the next change is a redraw.

Good for: a final picture in an announcement.

4. Mermaid Preview

A free, open-source Slack app. Type /mermaid, paste code into a dialog, and it posts a PNG to the channel. It doesn't keep copies of diagrams on its servers.

Good for: teams that want a free picture of Mermaid maintained elsewhere.

5. Arialine

A Slack app built around a diagram that keeps changing. Type /arialine and paste Mermaid, share a .mmd file, or describe the diagram in plain language. Arialine posts a PNG and an interactive HTML file, keeps the source on the board, and turns each addressed reply in the thread into a new version, with Undo, Rewind and Branch.

Good for: architecture, incident and onboarding diagrams that a team discusses and revises in Slack.

Side by side

	Snippet	Mermaid Live link	Screenshot	Mermaid Preview	Arialine
Rendered in Slack	No	No (external)	Yes	Yes (PNG)	Yes (PNG + interactive HTML)
Slash command	No	No	No	/mermaid	/arialine
Renders valid Mermaid without AI	n/a	Yes	n/a	Yes	Yes
Source kept with the diagram	In the message	In the URL	No	No	Yes (.mmd, PNG, SVG export)
Edit by replying in Slack	No	No	No	No	Yes
Version history and undo	No	No	No	No	Yes
Diagram from a description (AI)	No	No	No	No	Yes
Markdown with Mermaid → Slack Canvas	No	No	No	No	Yes
Price	Free	Free	Free	Free, open source	Free plan; Team $50/workspace/month

How to choose

Ask one question: will this diagram change after today?

• No — any renderer works. Mermaid Preview is free and keeps nothing.
• Yes — you want the source, the history and the conversation in one place. That is what Arialine is for. Moving over takes one command: see Arialine vs Mermaid Preview.

FAQ

Does Arialine support every Mermaid diagram type?

It supports the types in its bundled Mermaid 11 renderer, including flowchart, sequence, class, state, ER, Gantt, pie, journey, timeline, mindmap and C4.

Can people who don't know Mermaid edit the diagram?

Yes. They reply in the thread in plain language, for example "@arialine add a cache in front of the database", and Arialine edits the source.

Is there a free option?

Mermaid Preview is free. Arialine has a Free plan with every feature, up to 3 boards and 10 AI generations per workspace per day; pasting valid Mermaid does not use AI generations.