Widgets
Free to embed on any site: the same live, real-time debt estimate from the homepage, in five sizes. Each widget fetches directly from the U.S. Treasury in the visitor's browser — the same data, the same math, described in full on methodology & sources. Every widget links back to livedebtclock.com.
Two ways to embed: paste the iframe snippet directly, or drop in the script tag — it injects the same iframe for you, sized automatically. Either one is equally live; the script tag is just less to copy.
Compact
The live number plus its as-of date. Fits a sidebar or footer. Recommended size: 320×120px.
Live preview
iframe embed
<iframe
src="https://livedebtclock.com/widget/compact"
width="320" height="120"
style="border:0; max-width:100%"
title="U.S. national debt — live estimate"
loading="lazy"
></iframe>script tag embed
<script
src="https://livedebtclock.com/widget.js"
data-variant="compact"
async
></script>Card
The live number, official total, and debt-per-person in a bordered card. Recommended size: 360×260px.
Live preview
iframe embed
<iframe
src="https://livedebtclock.com/widget/card"
width="360" height="260"
style="border:0; max-width:100%"
title="U.S. national debt — live estimate"
loading="lazy"
></iframe>script tag embed
<script
src="https://livedebtclock.com/widget.js"
data-variant="card"
async
></script>Sparkline
The live number plus a trailing-12-month trend shape. Recommended size: 320×140px.
Live preview
iframe embed
<iframe
src="https://livedebtclock.com/widget/sparkline"
width="320" height="140"
style="border:0; max-width:100%"
title="U.S. national debt — live estimate"
loading="lazy"
></iframe>script tag embed
<script
src="https://livedebtclock.com/widget.js"
data-variant="sparkline"
async
></script>Poster
A larger card for a hero spot — live number, official total, per-person, and daily pace. Recommended size: 480×320px.
Live preview
iframe embed
<iframe
src="https://livedebtclock.com/widget/poster"
width="480" height="320"
style="border:0; max-width:100%"
title="U.S. national debt — live estimate"
loading="lazy"
></iframe>script tag embed
<script
src="https://livedebtclock.com/widget.js"
data-variant="poster"
async
></script>Badge
One line: an abbreviated live figure as a link back to this site. Recommended size: 300×32px.
Live preview
iframe embed
<iframe
src="https://livedebtclock.com/widget/badge"
width="300" height="32"
style="border:0; max-width:100%"
title="U.S. national debt — live estimate"
loading="lazy"
></iframe>script tag embed
<script
src="https://livedebtclock.com/widget.js"
data-variant="badge"
async
></script>Static badge (image)
For places that can't embed an iframe or run a script — GitHub READMEs, Markdown docs, forum signatures. This is a plain image, not live: it shows the actual official Treasury figure as of the last time this site rebuilt (at most a day old, never extrapolated), and refreshes on the same daily schedule as the rest of the site.
Live preview
Markdown
[](https://livedebtclock.com)HTML
<a href="https://livedebtclock.com"><img src="https://livedebtclock.com/badge.svg" width="360" height="58" alt="U.S. national debt, live estimate"></a>