← SupaymentIntegration example
Sup Wallet ↗

Drop-in payments. Your brand.

One React component takes a subscription or one-off payment, charged against a Sup Wallet's capped, revocable allowance. Theme it, size it, drop it in. Try it below — no transaction is sent in this sandbox.

Customize
80% of 12×
Paste into your app
import { SubscriptionConfirm } from "@workspace/sup-subscription-sdk/react";

<SubscriptionConfirm
  planName="Pro"
  monthlyPrice={5}
  coinLabel="USDC"
  yearlyPricePct={80}
  accent="#182b92"
  radius={16}
  style={{ maxWidth: 380 }}
  onConfirm={subscribe}   // you build + sign the tx, return { digest }
/>
Pay by QR

Show this code at checkout — the payer scans it and confirms on their phone's Sup Wallet.

https://your-app.xyz/supayment/subscribe?service=demo&coin=USDC
Live preview
Pro
Due now5 USDC /mo
Billed to your Sup Wallet · cancel anytime
Charges are capped by your Sup Wallet allowance. Cancel by revoking it.

Sandbox — clicking Subscribe simulates a confirm (no transaction is sent).