Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems. Learn more →
Mermaid Alternatives
Similar projects and alternatives to Mermaid
-
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
-
-
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
-
-
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
-
-
-
-
-
-
-
-
-
-
-
-
DrawThe.Net
drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
Mermaid discussion
Mermaid reviews and mentions
-
Mastering Mermaid: A Comprehensive Cheat Sheet
Live Editor: mermaid.live for instant previews.
-
Langgraph Visualization with get_graph
You can copy the Mermaid code from the terminal and visit mermaid.live. Paste the code into the Code section, and you will see the graph rendered under the Diagram section.
- Mermaid.live just got way better
-
Ask HN: What do you use to create diagrams?
https://mermaid.live/ ! Mostly because it lets me generate my diagrams in code rather than drawing them out by hand, which means I can version control them, as well as generate said code from human-language descriptions given to ChatGPT. Sequence diagrams are an especially favorite of mine.
There are a few good options in the code to SVG (PNG, JPG, whatever) space besides Mermaid. The venerable graphviz has been around since the 90s, I think, and uses the DOT language. The newer D2 language probably has the nicest overall aesthetics as well: https://play.d2lang.com/
-
Mermaid.js: Transforming Documentation and Diagrams with Markdown-like Syntax
Mermaid Live Editor
-
Les péchés capitaux du Dossier d'Architecture Technique
Exploitez les solutions de Diagram-as-Code (Mermaid, PlantUML)
-
LLM + Mermaid: How Modern Teams Create UML Diagrams Without Lucidchart
Ready to join everyone else? Try the Mermaid Live Editor or ask your AI assistant to help you visualize your next design.
-
Diagram as Code with Mermaid
Accessing Mermaid Live: This site allows you to use Mermaid directly, offering many sample diagrams to choose from. You just need to replace the necessary values according to your needs to create the required diagram.
-
Mermaid: Diagramming and Charting Tool
My standard setup for writing documentation at the moment is using https://docusaurus.io with mermaid in markdown blocks. I can whip up flowcharts in seconds with http://mermaidchart.com and sometimes https://mermaid.live
-
Mermaid Gantt diagrams are great for displaying distributed traces in Markdown
The thing that's problematic is rendering Mermaid SVGs outside of a browser environment - i.e. what static site generators need in order to generate JS-free HTML docs from Markdown content.
If you're looking at a rendered Mermaid diagram on your screen, you probably already have the SVG in your browser's dom. You can just right click -> view source -> find element -> view as html -> save that to a file. I expect this is how the SVG export on the Mermaid live editor[0] works.
(the Mermaid live editor is great, it's where I tend to go if I want an SVG export)
[0]:https://mermaid.live/
-
A note from our sponsor - InfluxDB
influxdata.com | 20 Apr 2025
Stats
mermaid-js/mermaid-live-editor is an open source project licensed under MIT License which is an OSI approved license.
The primary programming language of Mermaid is TypeScript.