Webhook Payload Inspector
Paste any JSON webhook payload and explore it as an interactive tree: expand objects and arrays, search keys and values, copy the JSONPath of any node, and check the payload shape at a glance. Everything runs in your browser — nothing is uploaded.
Inspect a payload
Tip: click any key or value to copy its JSONPath, for example $.data.user.email.
How to use
- Paste your webhook JSON into the text box, or click "Load sample webhook" to try a realistic Stripe-style event.
- Click "Inspect". The payload is parsed and rendered as a collapsible tree with type badges on every value.
- Click a node to expand or collapse it. Use "Expand all" / "Collapse all" for the whole tree.
- Type in the search box to highlight and filter matching keys or values.
- Click any key or value to copy its JSONPath (for example
$.data.user.email) for use in your code.
Understanding a webhook payload
What the statistics tell you
The inspector counts every key at every level of the payload, measures the maximum nesting depth, and shows the exact size in bytes. A payload that is much deeper or larger than expected is often the first sign of duplicated data or a runaway nesting bug.
JSONPath notation
The path copied on click follows JSONPath syntax: $ is the root, .key selects an object key, and [0] selects an array item. Most JSON libraries and API clients accept this notation directly.
Frequently asked questions
What does the Webhook Payload Inspector do?
It takes any JSON webhook payload and renders it as an interactive collapsible tree, so you can expand objects and arrays, search keys and values, and copy the JSONPath of any node.
What do the type badges mean?
Every value gets a badge showing its JSON type: string, number, boolean, null, array or object, which makes it easy to spot wrong types in a payload.
How do I copy the JSONPath of a value?
Click any key or value in the tree. Its JSONPath, for example $.data.user.email, is copied to your clipboard with a confirmation message.
What if my JSON is invalid?
The tool shows a clear error with the character position of the problem, plus a snippet of the surrounding text so you can find and fix the syntax mistake.
Is my payload sent to a server?
No. Everything runs in your browser and nothing is uploaded, so you can inspect real webhook data safely.