X402 Payment Protocol Website

A modern, glassmorphism-styled static website for the X402 payment protocol - enabling autonomous micropayments for AI agents.

About X402

X402 is an Internet-native payment protocol based on HTTP 402 ("Payment Required") status code, designed for AI agents to autonomously pay for API access, compute power, data, and other services without human approval.

Key Features:

• 🤖 Autonomous Payments - AI agents pay without human intervention
• ⚡ Instant Settlement - Sub-second transaction times
• 💰 Micropayments - As low as $0.001 per transaction
• 🔒 Secure - Built on blockchain with USDC stablecoin

Technology Stack

• Pure HTML/CSS/JavaScript (no build process)
• Modern glassmorphism design
• Responsive layout (mobile-first)
• Deployed on Cloudflare Pages

Development

Prerequisites

• Node.js 18+
• npm or pnpm

Local Development

# Install dependencies
npm install

# Start local dev server
npm run dev

Visit http://localhost:8788 to view the site.

Deployment

# Deploy to Cloudflare Pages
npm run deploy

Project Structure

pay402/
├── site/
│   └── index.html      # Single-file website (HTML/CSS/JS inline)
├── package.json        # Dependencies
├── wrangler.jsonc      # Cloudflare Pages configuration
└── README.md

Design Philosophy

This site uses a modern, professional fintech aesthetic:

• Glassmorphism cards with frosted glass effects
• Purple-blue gradient color scheme (#6366f1 → #3b82f6)
• Smooth animations for scroll-triggered reveals
• Responsive design for all screen sizes

Resources

• X402 Official Website
• Coinbase X402 Documentation
• Stripe X402 Integration

License

MIT

Author

@fifteen42_