ThreadPilled

Think in threads. Ship in diagrams.

A collaborative visual-knowledge platform: real-time CRDT diagramming, a human-readable diagram DSL, a universal converter across Mermaid / D2 / nomnoml / Structurizr, and an embeddable engine that drops into seven frontend frameworks.

Timeline 2025 — present

Our role Product, design & engineering

Live threadpilled.com

Visit threadpilled.com ↗

Live TPD source to rendered diagram

ThreadPilled renderer

Untitled Diagram

SVG ENGINE

TPD v3

METADATA
  title: "Untitled Diagram"
  version: "3.0.0"
---

PILLS
pill("p1") {
  label: "Start"
  shape: "pill"
  position: (-66.1, 0)
  dimensions: (100, 44)
  gridX: -3.305
  gridY: 0
  gridWidth: 5
  gridHeight: 2.2
}
pill("p2") {
  label: "Process A"
  shape: "pill"
  position: (-4.6, 164)
  dimensions: (112, 44)
  gridX: -0.23
  gridY: 8.2
  gridWidth: 5.6
  gridHeight: 2.2
}
pill("p3") {
  label: "Process B"
  shape: "pill"
  position: (127.4, 328)
  dimensions: (112, 44)
  gridX: 6.37
  gridY: 16.4
  gridWidth: 5.6
  gridHeight: 2.2
}
pill("p4") {
  label: "Decision"
  shape: "pill"
  position: (75, 492)
  dimensions: (104, 44)
  gridX: 3.75
  gridY: 24.6
  gridWidth: 5.2
  gridHeight: 2.2
}
pill("p5") {
  label: "End"
  shape: "pill"
  position: (94.9, 656)
  dimensions: (100, 44)
  gridX: 4.745
  gridY: 32.8
  gridWidth: 5
  gridHeight: 2.2
}
---

THREADS
thread("t1") {
  from: "p1"
  to: "p2"
  sourceHandle: "bottom"
  targetHandle: "top"
  routeType: "bezier"
  waypoints: [(-16.1, 44), (51.4, 164)]
}
thread("t2") {
  from: "p2"
  to: "p3"
  sourceHandle: "right"
  targetHandle: "top"
  routeType: "bezier"
  waypoints: [(107.4, 186), (183.4, 328)]
}
thread("t3") {
  from: "p3"
  to: "p4"
  sourceHandle: "bottom"
  targetHandle: "top"
  label: "next"
  routeType: "bezier"
  waypoints: [(183.4, 372), (127, 492)]
}
thread("t4") {
  from: "p4"
  to: "p5"
  sourceHandle: "bottom"
  targetHandle: "top"
  routeType: "bezier"
  waypoints: [(127, 536), (144.9, 656)]
}
---

LAYOUT
  gridSize: 20
  version: "3.0.0"
---

Collaboration CRDT, multiplayer

Interop 25 conversion paths

Embed 7 frameworks, < 50KB

What it does

Real-time collaborative diagramming with live cursors, zero conflicts
A human-readable .tpd DSL with full parse / validate / round-trip
Universal converter — 25 conversion paths between diagram formats
Embeddable renderer for React, Vue, Svelte, Astro, SolidJS, Qwik & vanilla JS
Rich metadata, source archiving, and threaded comments
Editor reach: VS Code, Obsidian & browser extensions

Design

ThreadPilled public homepage — The public product entry point

ThreadPilled features page — Diagrams as a shared working language

ThreadPilled editor integrations page — Keep diagram source close to the code and notes

ThreadPilled browser integrations page — Bring diagram context into the browser workflow

Code

ThreadPilled combines a diagram language, a high-fidelity renderer, and collaborative editing so a diagram can remain readable in source control and useful on a live canvas.

TPD language

Human-readable source for nodes, threads, metadata, layout, and round-trip edits.

TPD DSL parser validator

Render engine

A programmable canvas with GPU-accelerated rendering where the browser supports it.

WebGPU WebGL fallback scene graph

Editor

Visual authoring surface for diagrams, metadata, comments, and source-aware changes.

React canvas UI

Collaboration

Concurrent diagram editing with conflict-safe shared state and live presence.

Yjs CRDT

Conversion plane

Interoperability between common diagram formats and a durable source archive.

Mermaid D2 Structurizr

Embed SDK

Portable renderer and viewer integrations for seven frontend ecosystems.

React Vue Svelte Astro

The map covers publicly described product components; it deliberately excludes private project and customer topology.

Continue exploring

Next Yapture A task layer for humans and their agents. Next Cuitty Your code. Your data. No SaaS. Next GPFamily The private, shared home base for the people who take care of each other. Next Frauthy A modular auth abstraction protocol.