---
title: "TSDiagram"
description: "Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type."
canonical: "https://vibing.inc/library/tsdiagram-vg-0344"
category: "Community Finds"
subcategory: "Diagrams"
license: "free"
author: "Andrei (@_andrei_)"
source: "https://tsdiagram.com"
---

# TSDiagram
Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type.
## Facts
- Source: https://tsdiagram.com
- Category: Community Finds / Diagrams
- Author: Andrei (@_andrei_)
- Licence: free
- Tags: typescript, diagrams, code, architecture
## Why it's a gem
Your types are already the model; this just draws them without a second syntax
---
Listed in The Vibeary: https://vibing.inc/library/tsdiagram-vg-0344 · JSON: https://vibing.inc/api/public/library/gems/tsdiagram-vg-0344