Embed the x402-list widget
Show live x402 services — names, status, and 24h uptime — directly on your own site,
README-hosted page, or docs. The widget is a single dependency-free script: it injects
a small card into a host <div> and keeps every visitor pointed back to
the full directory. It reads the public
/api/v1/services endpoint (CORS is open), so there is no
backend to run and nothing to configure.
It is not an iframe — x402-list sets X-Frame-Options: DENY,
so the widget injects DOM into your page instead. All styling is inline on the elements it
creates, so it never touches your stylesheet or Content-Security-Policy for markup.
Install
Paste this where you want the widget to appear:
<div id="x402-widget" data-limit="5"></div>
<script src="https://x402-list.com/assets/x402-widget.js" defer></script> That is it. The script finds the host div and renders live services on load.
Options
Configure via data-* attributes on the host <div>:
| Attribute | Values | Default |
|---|---|---|
data-limit | 1–25 | 5 |
data-sort | uptime · newest · price | uptime |
data-title | any text | Live x402 services |
You can also mount on any element with a data-x402-widget attribute instead of
the #x402-widget id — useful if you embed more than one.
Live demo
This is the widget running with data-limit="5":
Prefer a badge?
For a single static trust marker rather than a live list, embed the x402-list badge — an SVG you can drop in any README or page.