f0rextasy

Webhook Log

Component

About

A compact, monospaced list of webhook delivery events showing each event's HTTP status code, name, and timestamp.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Webhook Log to your project and fits it to your theme.

Code

How Webhook Log is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { WebhookLog } from "@/components/ui/webhook-log";

export default function WebhookLogDemo() {
  return (
    <div className="flex min-h-[220px] w-full items-center justify-center bg-background p-6">
      <WebhookLog />
    </div>
  );
}

More by f0rextasy

View all
  • Newsletter Signup Card

    Newsletter Signup Card

    10
  • Stamp Seal

    Stamp Seal

    7
  • Network Graph

    Network Graph

    7
  • Board Checklist

    Board Checklist

    5
  • Empty State Card

    Empty State Card

    3
  • Running Order Timeline

    Running Order Timeline

    3
  • Invite Modal

    Invite Modal

    3
  • Time Input

    Time Input

    3