Creative Tim UICreative Tim UI

AI agent chat with x402 pay-per-request protocol - shadcn/ui

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.

Preview

Component Details

ID
x402-ai-agent-chat-01
Type
Block
Access
Free
Category
x402
Published
3 Apr 2026

Files Included

  • app/x402-ai-agent-chat/page.tsx
  • components/creative-tim/blocks/x402-ai-agent-chat-01.tsx

Components Used

Explore More Blocks

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 Header
Table HeaderProfessional table header components for React and Next.js. Build search bars, filter controls, category tabs, action buttons, and sorting options for data tables with flexible layouts.
Logo
LogoProfessional brand logo showcase components for React and Next.js. Build trust sections, partner displays, client logos, and company ecosystem layouts with various styles and configurations.
Onboarding
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
Pricing
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
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.
Newsletter
NewsletterModern newsletter subscription components for React and Next.js. Build email capture forms, subscribe popups, modals, and newsletter sections with validation and call-to-action elements.