ThreadPilled for Browsers

See TPD diagrams rendered automatically on any website

Available

Coming soon

Detecting extension...

Installation Guide

1 Install Extension

Install for Chrome

Also works on all Chromium-based browsers (Brave, Edge, Opera, etc.)

2 Navigate to Any Page

Visit any website with ThreadPilled code blocks:

GitHub repositories and READMEs
Documentation sites (GitBook, ReadTheDocs)
Blog posts and articles
Wikis and knowledge bases

3 Toggle Between Views

Click the toggle button on any TPD diagram to switch between the rendered view and the original source code. (Try the interactive demo below!)

See It In Action

This is how the extension transforms TPD code blocks on GitHub. Toggle between preview and source, edit the diagram in real-time.

https://github.com/username/awesome-project

README.md

Extension Active

Extension not detected. This is a preview of how the toggle will work once installed.

ThreadPilled Diagram

Edit the diagram (try it yourself!)

---
METADATA
version: "2.0"
created: "2026-02-16T21:00:03.143Z"
updated: "2026-02-16T21:00:03.143Z"
roomId: "615kkfXBQGaE"
name: "hello world"
---

---
PILLS

pill("Ht0-_COtR29t") {
  position: (193.46711734142752, 222.34937227444024)
  dimensions: (287.5904233291462, 83.46155642069627)
  color: "#FF6B6B"
  zIndex: 0
  createdAt: "2026-02-16T20:52:58.245Z"
  updatedAt: "2026-02-16T20:53:01.095Z"
  createdBy: "v4Zyxf5W"
  content: """
Hello
"""
}

pill("3jlRln69bZ9g") {
  position: (242.36548545364144, 379.41721267777956)
  dimensions: (189.22639328443773, 182.57390289553172)
  color: "#2196f3"
  zIndex: 1
  createdAt: "2026-02-16T20:56:56.085Z"
  updatedAt: "2026-02-16T20:57:04.064Z"
  createdBy: "v4Zyxf5W"
  shape: circle
  content: """
World
"""
}

---

---
THREADS

thread("6lhT7h56Vzix") {
  from: "Ht0-_COtR29t"
  to: "3jlRln69bZ9g"
  fromHandle: bottom
  toHandle: top
  color: "#FF6B6B"
  thickness: 2
  style: solid
  createdAt: "2026-02-16T20:56:59.760Z"
  createdBy: "v4Zyxf5W"
  curve: smoothstep
}

---

Changes update the preview in real-time

Why Use the Browser Extension?

Instant Rendering

Automatically detects and renders TPD diagrams on any website without configuration.

Toggle Views

Easily switch between the rendered diagram and the original source code.

Smart Detection

Prevents double-rendering on ThreadPilled app and sites with the embed library.

Works Everywhere

GitHub, GitLab, documentation sites, blogs, wikis, and any site with TPD code blocks.

Ready to Transform Your Browsing Experience?

Install the ThreadPilled extension and start seeing diagrams come to life on every website

Install Extension View on GitHub