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 →
Top 11 JavaScript mermaid Projects
-
-
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.
-
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.
-
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.
-
-
mermaid-live-editor
Location has moved to https://github.com/mermaid-js/mermaid-live-editor (by mermaidjs)
-
-
-
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.
-
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!
-
-
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.
-
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
JavaScript mermaid related posts
-
Show HN: GUI for Editing Mermaid Class Diagrams
-
Mermaid Gantt diagrams are great for displaying distributed traces in Markdown
-
The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
-
D2: A new declarative language to turn text into diagrams
-
Mermaid: Create diagrams and visualizations using text and code
-
IPTABLE rule to block wan Port Access that has been nat rerouted to 192.168.1.1
-
Open Source Flowchart Generator?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 Jul 2025
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