SaaSHub helps you find the best software and product alternatives Learn more →
Top 12 JavaScript Diagram Projects
-
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
jsplumb
Build Connectivity Quickly. Rapidly build diagramming apps and rich graphical front ends with React, Angular, Svelte, Vue, Javascript and Typescript.
-
-
Project mention: Show HN: Mmdr – 1000x faster Mermaid rendering in pure Rust (no browser) | news.ycombinator.com | 2026-02-04
-
https://kroki.io/#try
Shout out to Kroki, which offers Mermaid and many other text-based diagramming formats.
-
beautiful-react-diagrams
💎 A collection of lightweight React components and hooks to build diagrams with ease 💎
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
DgrmJS
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
-
grafana-flowcharting
Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
-
d2-playground
An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
Project mention: D2 (text to diagram tool) now supports ASCII renders | news.ycombinator.com | 2025-08-19<3
The linking you can do already if I understand the request correctly: https://play.d2lang.com/?script=Ks5ILEi1UihOLSxNzUtOjU_JTEwv...
Okay, we'll put those sequence diagram improvements in our sprint for next release.
-
Project mention: Show HN: Ferrite – Markdown editor in Rust with native Mermaid diagram rendering | news.ycombinator.com | 2026-01-10
This looks cool! And, to add to the list of shameless plugs for OSS markdown editors/renderers With mermaid support, I will add mine to the list:
https://merview.com with full source code at https://github.com/mickdarling/merview
-
Ambastha-Diagrams
A high-performance, modular diagram rendering ecosystem. Transitioning to a multi-package architecture (Core, Registry, Editor) for headless SVG generation and serverless integration.
Project mention: Ambastha Diagrams: A Beta Tool for Easy Diagramming in VS Code | dev.to | 2026-05-26That’s why I built Ambastha Diagrams. You can find the source code, documentation, and the core rendering engine repository here:Ambastha Diagram
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 Diagrams discussion
JavaScript Diagrams related posts
-
Show HN: Free Mermaid Diagram Editor
-
📝 Documentation-as-Code Has Silently Won For Tech Content
-
Show HN: Mmdr – 1000x faster Mermaid rendering in pure Rust (no browser)
-
Kroki: Open-source API to create diagrams from textual descriptions
-
Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
-
Whimsy: a Tiny Game Engine I Made for Storytellers
-
"10 Free Tools Every Developer Should Bookmark in 2025"
-
A note from our sponsor - SaaSHub
www.saashub.com | 9 Aug 2026
Index
What are some of the best open-source Diagram projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | flowy | 12,059 |
| 2 | jsplumb | 7,769 |
| 3 | NN-SVG | 5,685 |
| 4 | mermaid-cli | 4,914 |
| 5 | kroki | 4,272 |
| 6 | beautiful-react-diagrams | 2,726 |
| 7 | cascii-core | 1,174 |
| 8 | DgrmJS | 1,073 |
| 9 | grafana-flowcharting | 1,039 |
| 10 | d2-playground | 122 |
| 11 | merview | 11 |
| 12 | Ambastha-Diagrams | 1 |
Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com