402-agent
A simple, responsive dashboard built with HTML, CSS, and JavaScript to monitor HTTP 402 (x402 protocol) payments for AI agents.
In the AI payments ecosystem
402-agent is an early-stage HTML project in the AI payments / x402 ecosystem. It currently has 1 GitHub stars and 0 forks.
x402 Agents Payments Dashboard
A simple, responsive dashboard built with HTML, CSS, and JavaScript to monitor HTTP 402 (x402 protocol) payments for AI agents.
This dashboard features:
- A collapsible sidebar with navigation
- Dark mode toggle (with persistent state via localStorage)
- Placeholder sections for displaying recent transactions, active agents, and payment summaries
Features
- Sidebar Layout: Clean navigation for Home, Payments, Agents, Transactions, and Settings.
- Header: Includes page title and dark mode switch.
- Data Cards: Grid-based placeholders for real-time data lists (e.g., agent transactions in USDC).
- Responsive Design: Works on desktop and mobile.
- Dark Mode: Toggles between light and dark themes, saved in browser storage.
Demo
Copy the code below into an index.html file and open it in your browser for a live preview.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>x402 Agents Payments Dashboard</title>
<link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
<style>
/* CSS from previous code */
/* (Paste the full <style> block here for brevity, it's the same as provided) */
</style>
</head>
<body>
<!-- Full HTML structure as provided previously -->
</body>
</html>
Installation & Usage
No dependencies required – pure vanilla HTML/CSS/JS.
- Save the full code as
index.html. - Open in any modern browser.
- Toggle dark mode and collapse sidebar to test interactivity.
Future Enhancements
- Integrate real-time data via WebSockets or API fetches.
- Add charts for payment trends (e.g., using Chart.js).
- Connect to actual x402 protocol endpoints for live agent payment monitoring.
License
MIT License – feel free to use, modify, and distribute.
More AI Agents projects
All AI Agents projects →
Your AI trading terminal assistant for US stocks, commodities, forex, and crypto.
The agent-native LLM router for autonomous agents. 55+ models (8 free), <1ms local routing, USDC payments on Base & Solana via x402.
A local-first AI agent with persistent memory, emotional intelligence, and a peer-to-peer skills economy.
The living ecosystem where AI agents complete tasks through workflow loops, improve through iterative execution, are evaluated by mentor agents or humans in the loop, and turn completed work into reusable work experience and data to improve future agents.
The living ecosystem where AI agents complete tasks through workflow loops, improve through iterative execution, are evaluated by mentor agents or humans in the loop, and turn completed work into reusable work experience and data to improve future agents.
The trust layer for agent-to-agent commerce — natural-language mandates, ERC-7710 delegated permissions, x402 payments, escrow, and dispute resolution as one open, catch-all Agent Skill / Claude Code plugin.
