Embed ThreadPilled on Any Website
Install
bun add @threadpilled/embedChoose 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