nowfound

Dev tools · alternatives · 2026

24 alternatives to TSDiagram – Diagrams as Code with TypeScript

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.

TSDiagram is an online tool that lets users create diagrams by writing TypeScript code. It's designed for developers who want to visualize data structures and system designs programmatically. The tool is particularly… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. TSDiagram – Diagrams as Code with TypeScript launched in 2023; newer entries below may have overtaken it.

  1. 1

    Create diagrams and plan your code with TypeScript

    2023 · tsdiagram.com · its alternatives →

  2. 2

    GitDiagram is an open-source micro dev-tool that I made this past week Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories) Also, you can replace "hub" with "diagram" in any repository URL to access its diagram I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started I do…

    2025 · gitdiagram.com · its alternatives →

  3. 3TM
  4. 4

    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…

    Oct 2025 · github.com · its alternatives →

  5. 5

    Collaborate in real time and generate diagrams from simple text based descriptions.

    2024 · text2diagram.com · its alternatives →

  6. 6

    Free database diagrams designer for analysts & developers 🛠

    2018 · dbdiagram.io · its alternatives →

  7. 7

    A SQL database implemented purely in TypeScript type annotations. - codemix/ts-sql

    2020 · github.com · its alternatives →

  8. 8

    🧜‍♀️ 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 →

  9. 9

    A tool for generating diagrams and flowcharts from text.

    2020 · quickdiagram.com · its alternatives →

  10. 10TS

    Simple, shareable typographic posters

    2015 · typeslab.com · its alternatives →

  11. 11MA

    2024 · mermaid-ascii.art · its alternatives →

  12. 12

    Hi, I made a bridge (https://github.com/fzyzcjy/flutter_rust_bridge v2.0.0) between Flutter and Rust, which auto translates syntaxes like arbitrary types, &mut, async, traits, results, closure (callback), lifetimes, etc. The goal is to make a bridge between the two, seamlessly as if working in one single language. Then, as an example, I showed how to write Rust applications with GUI by utilizing Flutter. That is discussed in the link in details. To play with it, please visit the GitHub repo, or refer to the end of the article for detailed folders and commands. When I…

    2024 · cjycode.com · its alternatives →

  13. 13
    Gleek▲309

    Free online diagramming tool for developers

    2021 · gleek.io · its alternatives →

  14. 14

    A smarter way to create diagrams

    2023 · mermaid.ai · its alternatives →

  15. 15

    TypeScript for the Browser. Contribute to stagas/tsbro development by creating an account on GitHub.

    2025 · github.com · its alternatives →

  16. 16

    ☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree

    2018 · github.com · its alternatives →

  17. 17

    :wrench: Scala datamodel transpiler. Contribute to scala-ts/scala-ts development by creating an account on GitHub.

    2016 · github.com · its alternatives →

  18. 18CE
  19. 19

    Convert hand-drawn diagrams into digital schemes

    2024 · sketch2scheme.com · its alternatives →

  20. 20

    Hi HN! I've been working on a new way to build electronics/PCBs with Typescript/React, I'd love to know what you think!! I've wanted to program circuits for a long time- I started experimenting with the concept of creating circuits in React almost 8 years ago and have spent many weekends since to prove the concept. Over the past 2 months, I've decided to start working on tscircuit full-time.

    2024 · github.com · its alternatives →

  21. 21

    A huge pack of layouts for UX prototyping

    2018 · its alternatives →

  22. 22
  23. 23

    Transform ideas into professional diagrams with AI

    2025 · autodiagram.com · its alternatives →

  24. 24

    Inspect webhook payloads with automatic type generation

    2022 · typedwebhook.tools · 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 →