Topics / #mermaid

Mermaid projects on GitHub

Diagrams defined as text markup inside docs.

As of , the most-starred Mermaid projects on GitHub are archify (85.7K stars), diagram-design (57.7K stars) and voyager (20.4K stars). GitHub.Locker tracks 13 Mermaid repositories with 235.3K stars combined. The fastest-growing on October 18 was pele, with +1K stars in a day.

13Projects
235.3KStars in total
+2.4KStars in a day
Browse in the catalog →github.com/topics/mermaid ↗

Hot right now

Most stars gained in a day · Oct 18

+1K

pele

obsidianmd/pele · ★ 1.8K

Pele is a lightweight library that renders Mermaid diagrams to SVG, built for speed and with no runtime dependencies.

+750

diagram-design

cathrynlavery/diagram-design · ★ 57.7K

Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

+520

archify

tt-a1i/archify · ★ 85.7K

Archify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.

+14

voyager

voyager-crew/voyager · ★ 20.4K

Voyager is a free, open-source browser extension that enhances AI chat sites — Gemini, Google AI Studio, Claude, ChatGPT and DeepSeek — with folders, timelines, export and other tweaks, plus a prompt manager that works on any website.

The all-time top

13 projects · by stars

  1. #1 · tt-a1i/archify

    archify

    Archify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.

    85.7K
  2. #2 · cathrynlavery/diagram-design

    diagram-design

    Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

    57.7K
  3. #3 · voyager-crew/voyager

    voyager

    Voyager is a free, open-source browser extension that enhances AI chat sites — Gemini, Google AI Studio, Claude, ChatGPT and DeepSeek — with folders, timelines, export and other tweaks, plus a prompt manager that works on any website.

    20.4K
  1. 4

    gitdiagram

    18.3Kahmedkhaleel2004/gitdiagram · TypeScript

    GitDiagram turns any public or private GitHub repository into an interactive architecture diagram in seconds. You can also replace 'hub' with 'diagram' in any GitHub URL to open its diagram.

  2. 5

    deepwiki-open

    18.2KAsyncFuncAI/deepwiki-open · Python

    DeepWiki-Open is an open-source, AI-powered wiki generator: give it a GitHub, GitLab, or Bitbucket repository and it automatically builds a beautiful, interactive wiki explaining how the code works.

  3. 6

    kubernetes-handbook

    11.6Krootsongjc/kubernetes-handbook · Mermaid

    This is a free Chinese-language ebook/handbook that teaches Kubernetes architecture and the cloud-native ecosystem, from container orchestration basics up through service mesh, serverless, and AI-native infrastructure.

  4. 7

    beautiful-mermaid

    11.2Klukilabs/beautiful-mermaid · TypeScript

    beautiful-mermaid is a TypeScript library that renders Mermaid diagrams as polished SVGs or ASCII/Unicode art, built so AI coding assistants and chat UIs can show flowcharts, state machines, and other diagrams inline.

  5. 8

    axton-obsidian-visual-skills

    3.7Kaxtonliu/axton-obsidian-visual-skills

    A Visual Skills Pack that gives Claude Code the ability to turn plain text into Obsidian Canvas, Excalidraw, and Mermaid diagrams on request.

  6. 9

    oh-my-mermaid

    3.2Koh-my-mermaid/oh-my-mermaid · TypeScript

    Oh-my-mermaid (omm) has your AI coding assistant scan a codebase and generate architecture diagrams and documentation (Mermaid diagrams plus description/context/constraint/concern/todo fields) so humans can actually understand the code, not just the AI that wrote it.

  7. 10

    navop

    1.9KfeigeCode/navop · Rust

    Navop is a native, all-in-one desktop workspace that combines database tools, SSH/terminal, remote desktop, file transfer, monitoring, notes, and AI agent integration in a single app.

  8. 11

    pele

    1.8Kobsidianmd/pele · TypeScript

    Pele is a lightweight library that renders Mermaid diagrams to SVG, built for speed and with no runtime dependencies.

  9. 12

    solomd

    1.3Kzhitongblog/solomd · TypeScript

    SoloMD is a local-first markdown editor for your notes that also acts as a bridge to LLMs: a bundled MCP server lets agents like Claude Code, Codex, or Cursor read and edit your vault directly from outside the editor.

  10. 13

    vibex

    389Raja0sama/vibex · JavaScript

    vibeX reads your Prisma schema, OpenAPI document, GraphQL SDL, or the source code itself and generates five kinds of architecture diagrams (ERD, C4, API endpoints, lifecycle, service links) plus checkable documentation, packaged as one standalone HTML file with no server.

Often tagged together