Skip to main content
← Back to library
Preview of TSDiagram
Site

Community Finds · Diagrams

TSDiagram

Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type.

Why it’s a gem

Your types are already the model; this just draws them without a second syntax

Visit tsdiagram.com
Author
Andrei (@_andrei_)
Type
Website
License
free
Added
Aug 17, 2026
Domain
tsdiagram.com
typescriptdiagramscodearchitecture
Browse more:Community FindsDiagrams#typescript#diagrams#code#architecture

More from Diagrams

Preview of gg

gg

Offline-first diagram editor for flowcharts, mind maps and system diagrams with automatic layout and local file storage.

UnknownMIT
Preview of Fanfa

Fanfa

Turns static Mermaid.js diagrams into animated sequenced visualisations with themes and video export for architecture walkthroughs.

Unknownopen-source

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

hello@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®