Demonstrates the x402 payment protocol for HTTP-native stablecoin payments. Features instant transactions with zero protocol fees, 2-second settlement, and chain-agnostic support. Perfect for AI agent payments, autonomous commerce, and building internet-native payment experiences with real-time transaction tracking.
Wallet Status
Not connected
Please connect your wallet to start the demo
About x402 Protocol Demo:
This is a visual demonstration of the x402 payment protocol UI. All transactions are simulated for display purposes. The actual blockchain integration is separate from the UI components.
import X402Payment01 from "@/components/creative-tim/blocks/x402-payment-01"
export default function Page() {
return <X402Payment01 />
}
Interactive AI agent chat implementing the x402 protocol's pay-per-request model. Each query triggers HTTP 402 Payment Required, automatic payment verification, and AI response. Features configurable per-request pricing, multi-wallet support (Coinbase Wallet & MetaMask), and proper x402 protocol flow with initialization.
Status
Not connected
How x402 Protocol Works (Demo):
1. Initialize your wallet (simulated payment)
2. Ask a question - Agent responds with "402 Payment Required"
3. Payment is simulated (0.001 ETH)
4. Agent verifies and provides response
5. Each interaction follows this micropayment flow
Visual Demo:
This is a UI demonstration. All payments and transactions are simulated for display purposes only. Actual blockchain integration is separate from the visual components.
import X402AIAgentChat01 from "@/components/creative-tim/blocks/x402-ai-agent-chat-01"
export default function Page() {
return <X402AIAgentChat01 />
}