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

    5
  • Board Checklist

    Board Checklist

    3
  • Time Input

    Time Input

    3
  • Running Order Timeline

    Running Order Timeline

    2
  • Network Graph

    Network Graph

    2
  • Empty State Card

    Empty State Card

    1
  • Invite Modal

    Invite Modal

    1
  • Striped Progress Bar

    Striped Progress Bar

    1