Skip to content

Settle Kit / Checkout demo

Pay in USDC.
Stay in the app.

Try a real Base Sepolia payment to unlock Melbourne’s weather report. We cover the test funds and fees. No wallet connection or sign-in.

Base Sepolia

Real transactions with test USDC. The demo pays; your wallet is never charged.

Melbourne weather

Melbourne weather report

Test payment
Order total

0.1 USDC

USDC

Base Sepolia

Demo wallet

We cover this payment and network fees. Just click Pay.

Payment details
Recipient
0x200c79647C5F73DDc2dBb204dce9C912F494b603
Network
Base Sepolia · 84532
Network fee
Paid by the demo in test ETH. Your wallet is never charged.

Your purchase is saved in this browser. If interrupted, return here to check the same payment without sending it again.

Customize this demo
state: idlerail: sponsored
Add checkout to your app

Sponsored 4337

import { SettleProvider } from "@settle-kit/react";
import { Checkout } from "@settle-kit/react/ui";
import "@settle-kit/react/styles.css";


<SettleProvider
  config={{ appName: "Melbourne weather", destination, ...createSponsoredPayment(recipient) }}
  appearance={{
  "theme": "inherit",
  "variables": {
    "borderRadius": "var(--radius)",
    "controlBorderRadius": "var(--radius)"
  }
}}
>
  <Checkout amount="0.1" title="Melbourne weather report" />
</SettleProvider>

This matches the live Demo pays rail: the host wraps createUsdcMethod for a faucet and a userOp receipt. pay({ amount }) is unchanged. Read the integration guide

Let an agent buy the same report →
Developer details and demo limits

Circle USDC 0x036CbD53842c5426634e7929541eC2318f3dCF7e on Base Sepolia (84532). USDC → USDC only. No cards, KYC, fiat onramp, DEX or bridge.

Two host rails, one pay(). Demo pays funds a browser-owned smart account and submits a sponsored ERC-4337 user operation. Your wallet uses Coinbase Wallet or another injected EOA; you send the USDC transfer and pay Base Sepolia gas. The SDK checks balance before sending. Sponsored confirmation reads the user operation’s own outcome, not just the bundle transaction.

Both rails and the agent buy the same Melbourne weather report for 0.1 USDC, paid to the same merchant. Each purchase is a separate transfer. ERC-8004 is agent identity, not KYC. The facilitator checks mandate and identity when it verifies and settles.

The faucet has a total budget of 50 funded purchases (5 test USDC), enforced by database reservations. The gas sponsor has separate provider limits. Purchase IDs and submitted hashes are saved in this browser for sponsored retries.