Dev tools · alternatives · 2026
24 alternatives to Diagram as code tool with draggable customizations
In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…
This diagram-as-code tool combines declarative syntax with manual customization, letting users quickly generate diagrams and then drag elements to refine their layout. Designed for architects and engineers creating… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Sketch2scheme▲208Convert hand-drawn diagrams into digital schemes
2024 · sketch2scheme.com · its alternatives →
- 2
🧜♀️ RESTful rendering pipeline for generating sequence and UML diagrams using Mermaid for Markdown docs (Diagrams as a Service) - Schachte/Mermrender
2019 · github.com · its alternatives →
- 3
Create beautiful user flows prototypes for your next project
2017 · its alternatives →
- 4
Flow▲409Animate Sketch designs and generate production-ready code.
2017 · createwithflow.com · its alternatives →
- 5
This is a recent addition to Vexlio which I think the HN crowd may find interesting or useful. TL;DR: easy creation of interactive diagrams, meaning diagrams that have mouse click/hover hooks that you can use to display pop-up content. The end result can be shared with a no-sign-in-required web link. My thought is that this is useful for system docs, onboarding or user guides, presentations, etc. Anything where there is a high-level view that should remain uncluttered + important metadata or details that still need to be available somewhere. You can try it out without signing up for…
2017 · vexlio.com · its alternatives →
- 6
2025 · docs.mermaidchart.com · its alternatives →
- 7
Mermaid AI▲256Maximize your diagramming efficiency with Mermaid AI
2024 · mermaid.ai · its alternatives →
- 8
Hello HN, It has been a while since I contributed to the web, so I decided to get back in shape and publish "something". This app is a POC of "what if diagrams were more dynamic". I'm a software engineer by trade, and with conventional tools, I often times struggle to explain flows of data in complex software systems. I got inspired by video games like The Incredible Machine and Factorio, as in some ways, software systems tend to become Rube Goldberg-esque machines ;) As a side quest, I also wanted to craft diagrams faster than text-based tools (ex: mermaid), as I am always forgetting their…
2024 · github.com · its alternatives →
- 9
Hey HN, I built this tool because my personal diagramming workflow was broken, and I wanted to automate it. When creating diagrams, I have two conflicting needs. For logic and structure, I prefer Mermaid.js here. It’s deterministic, version-controllable, and lets me tweak the logic easily until it matches exactly what’s in my head. For aesthetics, I need the final result to look like a high-end infographic for presentations, which Mermaid (and standard tools) are bad at. Before Nanobanana Pro came out, AI image generation cannot generate good visual presentation for diagrams because it…
2024 · diagram-generator.com · its alternatives →
- 10
Creately 3.0▲365The simplest way to visualize ideas, plans & processes
2020 · creately.com · its alternatives →
- 11CE
2016 · code2flow.com · its alternatives →
- 12
- 13
Diagrams for Mac▲196A diagram editor for visualizing structures and processes
2020 · diagrams.app · its alternatives →
- 14
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 14209ad462028cbf7013bc8e094bf0fc6e811d30 · hediet/vscode-drawio
2020 · github.com · its alternatives →
- 15
- 16
- 17
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
2023 · react-graph-gallery.com · its alternatives →
- 18
I'm enthralled with using pen plotters to make generative art. Last August at SIGGRAPH, I built an interactive experience for others to see how code can be used to make visual art. The linked blog post is my trials and tribulations of linking a MIDI controller to one of these algorithms and sending its output to a plotter, so that people may witness the end-to-end experience.
2024 · lostpixels.io · its alternatives →
- 19
Flows▲239If you’ve ever tried building onboarding or product adoption with Appcues, Chameleon, Userflow, WalkMe, or Usetiful, you’ve probably hit the same two problems: 1. Everything is rendered with JavaScript overlays 2. Customization is a nightmare A little backstory: When I was choosing an onboarding tool for my previous project, nothing matched what I needed. So I had to build my own. With help from IntroJS I built onboarding solution that I needed: Tooltips, Modals, custom CSS, waiting for interactions, and saving the state into the database. It worked… but it took way more time than it should…
2024 · flows.sh · its alternatives →
- 20
Create flowcharts from Notion databases
2023 · notion.vip · its alternatives →
- 21
Code to Flow▲122Visualize, analyze & understand your code flow
2023 · codetoflow.com · its alternatives →
- 22
Made an online tool for creating diagrams with TypeScript. I quite like it for thinking about how to shape my data, even if I end up using a different language in the end.
2023 · tsdiagram.com · its alternatives →
- 23
Quick Diagram▲121A tool for generating diagrams and flowcharts from text.
2020 · quickdiagram.com · its alternatives →
- 24
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree
2018 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →