TSDiagram – Diagrams as Code with TypeScript

In plain words

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 useful during the planning phase of projects, helping users think through data organization before committing to a final implementation language.

written from the facts on this page · September 2026

From the sources

Create diagrams and plan your code with TypeScript.

• 
  TSDiagram2023 · tsdiagram.com · ▲5

  Create diagrams and plan your code with TypeScript

• 
  GitDiagram2025 · gitdiagram.com · ▲342

  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…

• TM
  Typograms, Markdown-like renderer for ASCII diagrams2022 · code.sgo.to · ▲140
• 
  Diagram as code tool with draggable customizationsOct 2025 · github.com · ▲266

  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…

• 
  Technical diagrams from text: HTTPS://text2diagram.com/2024 · text2diagram.com · ▲12

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

• 
  dbdiagram.io2018 · dbdiagram.io · ▲181

  Free database diagrams designer for analysts & developers 🛠

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Beeper Mini – iMessage client for Android▲1,521

  Hi HN! I’m proud to share that we have built a real 3rd party iMessage client for Android. We did it by reverse engineering the iMessage protocol and encryption system. It's available to download today (no waitlist): https://play.google.com/store/apps/details?id=com.beeper.ima and there's a technical writeup here: https://blog.beeper.com/p/how-beeper-mini-works. Unlike every other attempt to build an iMessage app for Android (including our first gen app), Beeper Mini does not use a Mac server relay in the cloud. The app connects directly to Apple…

  Work · 2023 · beeper.com

• 
  Heynote – A dedicated scratchpad for developers▲1,063

  Hey! I made Heynote entirely for my own use case. For many years, I always had an Emacs instance running with the scratch buffer open, even long after I had abandoned Emacs as my programming editor in favor of more recent IDE:s. The simplicity of having just one big scratch buffer appeals to me, but I still want to separate the different things I jot down somehow (without using tabs or similar). Previously, my solution was to insert a bunch of blank lines between the notes, but hitting C-A would still select the entire buffer. That's why I came up with the concept of "blocks", which turned…

  Work · 2023 · heynote.com

• 
  LogoFast▲988

  Make beautiful logos with AI, fast & free

  AI · 2023 · logofa.st

• 
  FuseBase▲939

  Client collaboration platform for professional services

  Dev tools · 2023 · thefusebase.com

• 
  Beep! 2.0▲871

  Fastest tool to assign and share visual tasks with your team

  Work · 2023 · justbeepit.com

• 
  Inbox Zero▲821

  Clean Up Your Inbox In Minutes Newsletter management, AI automation, and email analytics. Inbox Zero is the open-source email app that puts you back in control of your inbox.

  AI · 2023 · getinboxzero.com