JavaScript mermaid

Open-source JavaScript projects categorized as mermaid

Top 11 JavaScript mermaid Projects

  1. flowchart.js

    Draws simple SVG flow chart diagrams from textual representation of the diagram

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. mermaid-cli

    Command line tool for the Mermaid library

    Project mention: Show HN: GUI for Editing Mermaid Class Diagrams | news.ycombinator.com | 2025-01-17

    I think there are two slightly different issues here!

    1. SVGs generated by Mermaid use the SVG 2 features, but other than browsers, most libraries only support SVG 1.1 features, i.e. <https://github.com/mermaid-js/mermaid/issues/2102>, which is what the other comment mentioned.

    2. Mermaid requires a browser layout engine to render the diagrams (your issue), i.e. <https://github.com/mermaid-js/mermaid/issues/3650>. This is something I also really want to fix (I maintain the [`mermaid-js/mermaid-cli`][1] project and we need to use Puppeteer/Headless Chrome to render mermaid diagrams, which isn't ideal.) However, I don't think this would be easy, since we'd need a browserless tool that supports a browser-like layout engine (although I'm hoping that [Servo][2] might eventually be able to support it).

    And if you do want to do headless renders of Mermaid diagrams, I'd recommend using (or adapting, since the code is all MIT licensed and I'm not aware of one that uses Selenium):

    - <https://github.com/mermaid-js/mermaid-cli>, which uses Puppeteer as the headless browser API.

  4. kroki

    Creates diagrams from textual descriptions!

    Project mention: ROQ: Creating a custom section helper | dev.to | 2025-07-01

    In this blog post, we will implement a custom section helper that allows to invoke a Kroki.io server to generate images from almost every possible diagram as code language.

  5. vscode-markdown-pdf

    Markdown converter for Visual Studio Code

  6. mermaid-live-editor

    Location has moved to https://github.com/mermaid-js/mermaid-live-editor (by mermaidjs)

  7. zero-md

    Ridiculously simple zero-config markdown displayer

  8. mermaid-filter

    Pandoc filter for creating diagrams in mermaid syntax blocks in markdown docs

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. auto-mindmapping

    Revolutionize your mind mapping with this repo, combining mermaid and GPT-3.5-turbo / GPT-4! Craft captivating mindmaps for brainstorming and text summarization, unlocking creativity and productivity. Experience this trailblazing solution for the ultimate mind mapping experience today! Don't miss out and elevate your creative thinking skills!

  11. docsify-mermaid-zoom

    A simple Docsify plugin enabling zoom in mermaid diagrams

  12. docs-md-to-pdf-example

    This is a document management sample that converts markdown format documents to PDF format. It supports emoji, toc generation, and mermaid.

  13. pmt

    A robust solution for creating PDF media with Pug.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript mermaid discussion

Log in or Post with

JavaScript mermaid related posts

  • Show HN: GUI for Editing Mermaid Class Diagrams

    7 projects | news.ycombinator.com | 17 Jan 2025
  • Mermaid Gantt diagrams are great for displaying distributed traces in Markdown

    9 projects | news.ycombinator.com | 22 Jul 2024
  • The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS

    12 projects | news.ycombinator.com | 24 Jul 2023
  • D2: A new declarative language to turn text into diagrams

    13 projects | news.ycombinator.com | 30 Aug 2022
  • Mermaid: Create diagrams and visualizations using text and code

    10 projects | news.ycombinator.com | 5 May 2022
  • IPTABLE rule to block wan Port Access that has been nat rerouted to 192.168.1.1

    2 projects | /r/HomeNetworking | 26 Apr 2022
  • Open Source Flowchart Generator?

    2 projects | /r/opensource | 27 Mar 2022
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 17 Jul 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

What are some of the best open-source mermaid projects in JavaScript? This list will help you:

# Project Stars
1 flowchart.js 8,656
2 mermaid-cli 3,374
3 kroki 3,320
4 vscode-markdown-pdf 1,101
5 mermaid-live-editor 998
6 zero-md 490
7 mermaid-filter 484
8 auto-mindmapping 63
9 docsify-mermaid-zoom 21
10 docs-md-to-pdf-example 3
11 pmt 2

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?