@0billing/react

Drop-in checkout for 0billing — crypto billing where customers pay from 35+ chains in any asset (their wallet, or a plain copy-paste deposit) and you settle in one stablecoin, in your own wallet. Non-custodial end to end.

npm install @0billing/react

import { Checkout } from "@0billing/react";

<Checkout
  baseUrl="https://0billing.com"      // or your own deployment
  publishableKey="pk_…"               // from the dashboard
  customerId={user.id}
  priceId="price_pro"
  onConfirmed={(payment) => grantAccess(payment)}
/>

The widget handles asset pickers with live pricing, wallet pay (MetaMask, Phantom, …) with copy-paste fallback, discount codes, receipts, and friendly liquidity errors. Styling is inline and theme-driven — it lands in your app without fighting your CSS.

Collecting a payment link instead?

<Checkout baseUrl="https://0billing.com" linkId="link_…" customerId={visitorId} />

There is also a headless client:

import { createBillingClient } from "@0billing/react";
const client = createBillingClient("https://0billing.com", "pk_…");

Docs: https://0billing.com/docs/checkout.html