Nimblesite

Nimblesite / typeDiagram

Public

typeDiagram is a tiny, language-neutral DSL for diagramming data types. Write type, union, alias — get a beautiful, auto-laid-out SVG. No drag, no drop, no proprietary format.

typediagram.dev algebraic-data-types diagrams diagrams-as-code types
45
3
100% credibility
Found Apr 18, 2026 at 45 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

typeDiagram is a simple language for defining data structures that generates synchronized code in multiple languages and automatic SVG diagrams.

How It Works

1
🌐 Discover the playground

You find a free online tool where you describe your data shapes in simple words and instantly see diagrams appear.

2
✏️ Paste your data description

Type a short description of your records, choices, or shortcuts, like a User with name and optional email.

3
✨ Watch the magic happen

The diagram draws itself beautifully, showing boxes connected by lines that match exactly what you wrote.

4
🔄 Convert existing code

Paste code from your projects in different languages, and it turns into the same diagram automatically.

5
💻 Add to your editor

Install a helper in your code editor for live diagrams right next to your files, with PDF export for sharing.

6
⚡ Generate code everywhere

From one description, create matching code for web, mobile, backend, or scripts—all staying perfectly in sync.

🎉 Data flows freely

Your data model lives in diagrams you can version and code that never drifts apart across projects.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 45 to 45 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is typeDiagram?

typeDiagram lets you define data types—records, unions, aliases—in a tiny, language-neutral DSL, then get beautiful, auto-laid-out SVG diagrams without drag, drop, or proprietary formats. Paste existing TypeScript, Python, Rust, Go, or C# code to reverse-engineer the DSL, or generate idiomatic code in those languages from your schema. Built in TypeScript, it ships as a CLI, npm library, VS Code extension, and browser playground.

Why is it gaining traction?

Unlike Mermaid or PlantUML, it's a shared schema first—diagrams are a crisp SVG side effect, with code gen keeping DTOs in sync across languages. The live web playground at typediagram.dev means zero install to try: write DSL, get diagram and code instantly. VS Code extension adds live previews, syntax highlighting, and PDF export for markdown docs with vector diagrams.

Who should use this?

API designers maintaining schemas across TypeScript frontends, Python backends, and Rust services. Docs writers embedding data diagrams in markdown without raster screenshots. Polyglot teams tired of copy-pasting DTOs between languages.

Verdict

Grab it for polyglot data modeling—CLI and VS Code integration make it dead simple, docs are thorough, tests solid. At 45 stars and 1.0% credibility, it's early but MIT-licensed and production-ready for side projects; watch for adoption.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.