Creative Tim UICreative Tim UI

x402 payment protocol demonstration with AI agent payments - shadcn/ui

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.

Preview

Component Details

ID
x402-payment-01
Type
Block
Access
Free
Category
x402
Published
3 Apr 2026

Files Included

  • app/x402-payment/page.tsx
  • components/creative-tim/blocks/x402-payment-01.tsx

Components Used

Explore More Blocks

Feature
FeatureProfessional feature showcase components for React and Next.js. Build product features, service highlights, benefits sections, and feature comparison layouts with icons, images, and call-to-action elements.
Web3 Login
Web3 LoginModern Web3 authentication components for React and Next.js. Build crypto wallet login interfaces, blockchain selection screens, QR code authentication, and secure Web3 access flows with support for Metamask, Coinbase, Trust Wallet, and other popular crypto wallets.
Modals
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
AI Agents
AI AgentsModern AI agent interface components and chat UI blocks for React and Next.js. Create conversational AI experiences, streaming responses, and interactive agent interfaces.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Table
TableProfessional data table components for React and Next.js. Build product comparisons, crypto trackers, inventory tables, sales reports, member lists, invoices, and transaction records with sortable columns and interactive features.
Contact
ContactProfessional contact form components and section layouts for React and Next.js. Build contact pages, feedback forms, support sections, and communication interfaces.