Skip to content

Conversation

@aipin-io
Copy link

Description

This PR introduces the x402 Client Frontend Kit — a lightweight, plug-and-play React/TypeScript implementation that enables developers to seamlessly integrate x402 payments into their web applications with minimal code.

It provides:

  • Ready-to-use React components and hooks for x402 pay-to-access flows
  • A demo widget for Base USDC payments
  • Configurable API endpoint integration examples (/api/x402)
  • A clear developer guide and starter template under /examples

This kit is designed to make client-side adoption of x402 simple for anyone building AI-powered or token-gated web experiences.

GitHub Repo: https://github.com/AI-PIN/x402-Client-Frontend-Kit
Live Demo: https://ai-pin.io
x402Scan Registered Server: https://www.x402scan.com/server/deaa5039-031d-461f-b371-27a3ebd37107


Tests

The following tests and verifications were performed:

  • ✅ Local environment build tested using pnpm install && pnpm dev
  • ✅ Verified payment simulation with demo x402 endpoint (https://api.ai-pin.io/agentic-chat)
  • ✅ API responses confirmed with curl returning valid 402 JSON payloads
  • ✅ Tested Base USDC payments on Coinbase CDP sandbox
  • ✅ Linted all source files with pnpm lint
  • ✅ Verified React build and UI widget rendering without dependency conflicts

For TypeScript:

pnpm test


---

## Checklist

- [x] I have formatted and linted my code  
- [x] All new and existing tests pass  
- [x] My commits are signed (required for merge)

---

**Closes:** N/A – Community Learning Resource submission.  

@cb-heimdall
Copy link

🟡 Heimdall Review Status

Requirement Status More Info
Reviews 🟡 0/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 0
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1

@vercel
Copy link

vercel bot commented Oct 31, 2025

@aipin-io is attempting to deploy a commit to the Coinbase Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants