Embed ThreadPilled on Any Website

Polyglot library supporting React, Vue, Svelte, SolidJS, Qwik, and Vanilla JavaScript

Install
bun add @threadpilled/embed

Choose Your Framework

import { ThreadPilledEmbed } from '@threadpilled/embed/react'

function App() {
  return (
    <ThreadPilledEmbed
      dsl={`
        # ThreadPilled Diagram
        version: 2.0

        pill p1 {
          content: "Hello World"
          position: [100, 100]
          color: "#00ff9f"
        }
      `}
      theme="dark"
      interactive={true}
      width={800}
      height={600}
    />
  )
}

Why Embed ThreadPilled?

Use Case

Documentation Sites

Make complex concepts crystal clear with interactive diagrams that readers can explore.

Architecture Diagrams
Show system design with interactive components
API Flow Visualization
Map request/response cycles with visual clarity
Concept Explanations
Turn abstract ideas into understandable visuals

Ready to Get Started?

Install the embed library and start adding interactive diagrams to your site