---
title: "Webhooks"
description: "Webhook endpoints with their events, status and a switch, plus Add endpoint with a signing secret shown once, test sends, recent deliveries with Retry, and Rotate secret."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/webhooks
---

# Webhooks

Webhook endpoints with their events, status and a switch, plus Add endpoint with a signing secret shown once, test sends, recent deliveries with Retry, and Rotate secret.

Each row is one endpoint: its address as text (the host kept on one line), what it's for, its first event and how many more, its status (Enabled, Failing with the last delivery's code, or Off) and a switch. In a phone-width card the switch moves down beside the events so the host never breaks. Details opens a row: every event, the masked signing secret with Rotate secret, a test send that keeps its width while pending and then says "200 OK in 182 ms" or what failed, and recent deliveries with their code and time. A failed delivery has Retry; once it gets through, focus moves to the next Retry. Rotate secret asks first, then shows the new secret once with a copy button. Add endpoint opens a short form on the Pro forms: an https address (typed with or without https, refused when another endpoint uses it), a description, and the events by area, where each area's box ticks or clears it all. Saving shows the endpoint's signing secret once, with "You won't see it again". In the sample the bookkeeping server refuses its first test send or retry and then answers.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/webhooks
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, alert-dialog, badge, button, card, checkbox, collapsible, empty, field, input-group, spinner, switch, text-link, tooltip, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More settings blocks

All 13, with install commands: https://ui.edbn.me/docs/blocks/settings (Markdown: https://ui.edbn.me/docs/blocks/settings.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt