Where can I find Mermaid integrations and get started?

Updated

Start at mermaid.js.org, but note the site now points you to mermaid.ai — the official page states "Mermaid.js now lives at mermaid.ai." That means the current home for documentation, integrations, and getting-started material is mermaid.ai, while mermaid.js.org remains the domain many people still search for. Use mermaid.ai as your primary entry point, and treat any integration list there as the authoritative, up-to-date source.

What Mermaid is, in one line

Mermaid is a diagramming and charting tool that lets you "create diagrams and visualizations using text and code." Instead of dragging shapes, you write text-based syntax and Mermaid renders it as a diagram. The official site highlights four things about it: it's easy to use, integrations are available, it's award winning, and there's an active team and contributor community behind it.

Finding integrations

The site explicitly lists "Integrations available" as a feature, which signals Mermaid can be combined with other tools and platforms rather than used only standalone. To find the current options:

  1. Go to mermaid.ai (the site's stated new home).
  2. Look for the integrations section or documentation covering embedding and tool support.
  3. Check the docs for how to render Mermaid in your own environment or documentation workflow.

Because the specific list of supported integrations can change, confirm the current set on the official site rather than relying on a secondhand list. The page evidence here confirms integrations exist as a category but does not enumerate them — so the official page is where you verify exact support.

Getting started

The path from "interested" to "using it" is short:

  • Read the docs on mermaid.ai for syntax and rendering basics.
  • Pick an integration that matches where you work (for example, a documentation pipeline or an editor that supports Mermaid).
  • Write a diagram in text, then render it and adjust the syntax until the output matches your intent.
  • Verify by checking the rendered result against your source text — if the diagram looks wrong, the fix is almost always in the text, not the tool.

Getting support and staying current

The site points to community and contributor channels:

  • Meet the team — the project lists a creator, sponsors, and a long roster of developers.
  • Contributors — the page invites you to "Join the community and get involved!"

If you hit a problem or want to know whether a specific tool is supported, the community and official docs are the right places to ask. The contributor list also tells you the project is actively maintained, which matters when you're deciding whether to build Mermaid into a longer-term workflow.

Quick decision guide

If you want to… Do this
Understand what Mermaid is Read the overview on mermaid.ai
Find tool/platform support Check the integrations section on the official site
Start using it Follow the docs, pick an integration, render a test diagram
Get help or contribute Use the community and contributor channels linked from the site

The one thing to keep straight: mermaid.js.org now directs you to mermaid.ai, so bookmark the latter for current documentation and integration details.