A self-hosted webhook testing and debugging tool. Create webhooks to capture, inspect, and test HTTP requests with real-time updates and signature verification.

• Create Webhooks - Generate unique webhook endpoints instantly
• Request Capture - View all incoming requests with headers, body, method, and status
• Real-time Updates - Live updates via WebSocket when new requests arrive
• Signature Verification - HMAC-SHA256 signature validation using x-webhook-signature header
• Test Webhook - Built-in test interface to send requests with automatic signature generation
• Dark UI - Clean, modern dark interface for easy viewing

npm install

npm run dev

The server will start on http://localhost:3000.

npm run build
npm start

1. Open http://localhost:3000 in your browser
2. Click "+ Create New Webhook"
3. You'll receive a unique webhook URL (e.g., /webhook-id)

Any HTTP request sent to your webhook URL will be captured:

POST https://your-server.com/<webhook-id>

The request will appear in the dashboard with:

• Timestamp
• HTTP method
• Status code
• All headers
• Request body

Each webhook has a secret key. To verify signatures:

1. Include the x-webhook-signature header with your request
2. The signature is the HMAC-SHA256 hash of the request body using your webhook secret

Example signature generation:

const crypto = require('crypto');
const signature = crypto
  .createHmac('sha256', webhookSecret)
  .update(requestBody)
  .digest('hex');

Use the built-in test form on any webhook page:

1. Select HTTP method
2. Enter JSON body
3. Click "Send Request" - signatures are automatically generated
4. View response and captured request

npm run build
vercel deploy

├── server.js          # Main HTTP server
├── client.js          # Frontend JavaScript
├── api/webhook.ts     # Vercel API function
├── ui.html            # Standalone test UI
└── package.json       # Dependencies

MIT License