⚡ Interactive Tree, YAML Conversion & Base64URL Support

JSON URL Decode Online

Decode URL-encoded JSON payloads, Base64URL parameters, and full API query strings into formatted JSON, interactive tree, YAML, and structural AST metrics with 100% browser privacy.

How to Use the JSON URL Decoder

1

Paste Payload or URL

Paste a percent-encoded JSON string (%7B...%7D), Base64URL payload, or complete API URL.

2

Auto Format Detection

The decoder automatically identifies whether the input is Percent-Encoded, Base64URL, or a Query String.

3

Inspect Tree & Views

Switch between Formatted 2-Space JSON, Interactive Collapsible Tree, Minified JSON, and YAML.

4

Copy or Download

Copy formatted output with 1-click or download decoded JSON file.

Understanding JSON in URL Query Strings, Base64URL Payloads, & Structural Analysis

RESTful APIs, GraphQL clients, and stateful web applications often pass structured JSON objects inside HTTP GET query parameters (e.g. ?filter=%7B%22status%22%3A%22active%22%7D). To transport JSON securely in a URI, reserved characters such as {, }, ", and : must be percent-encoded per RFC 3986.

Base64 & Base64URL Query Parameter Encoding

To avoid long percent-encoded sequences, modern API gateways encode JSON payloads into Base64 or URL-safe Base64URL strings (RFC 7515). Base64URL replaces + with - and / with _ without padding. Our decoder automatically detects Base64URL patterns and decodes them safely into formatted JSON.

Interactive Collapsible JSON Tree Viewer & Structural Metrics

Inspecting complex JSON structures is effortless with our interactive JSON tree view. Expand or collapse nested objects/arrays, filter keys using real-time search, convert payloads into clean YAML, and analyze AST node counts and nesting depth.

100% Local Browser Privacy & Security

Query strings and JSON payloads often contain user filters, session tokens, or API credentials. Our JSON URL Decoder runs 100% locally in your web browser using JavaScript Web Workers. Zero payloads or data leave your machine.

Frequently Asked Questions

What is JSON URL Decoding?

JSON URL decoding converts percent-encoded or Base64URL-encoded JSON payload strings embedded in URL query parameters back into pretty-printed, syntax-highlighted JSON objects.

How does automatic URL parameter extraction work?

If you paste a full API URL (e.g. https://api.com/search?filter=%7B%22name%22%3A%22Alice%22%7D), the decoder automatically identifies and extracts the percent-encoded JSON parameter.

Does this tool support Base64 and Base64URL encoded JSON?

Yes! The decoder automatically detects Base64 and Base64URL encoded JSON payloads (e.g. eyJnYW1lIjoiQWxpY2UifQ==) and decodes them into formatted JSON.

What is the Interactive JSON Tree Viewer?

The Interactive JSON Tree Viewer provides collapsible node expansion/collapse, real-time key/value search filtering, and 1-click node key/value copying.

Can I convert decoded JSON into YAML?

Yes! Click the "YAML" view tab to inspect the instant YAML conversion of your decoded JSON object.

What happens if the decoded text is not valid JSON?

If the decoded text is valid URL syntax but not valid JSON, the tool displays the plain decoded text with an informational badge indicating non-JSON format.

Is my decoded JSON data or API payload sent to any server?

No. 100% of decoding, JSON parsing, tree rendering, and YAML conversion runs locally inside your web browser using JavaScript Web Workers. Zero data leaves your machine.

What structural metrics are calculated for decoded JSON?

The Metrics view displays the total count of AST object/array nodes, maximum nesting depth, and input/output character size deltas.

Can I minify the decoded JSON?

Yes! Click the "Minified" view tab to get a single-line condensed JSON string ready for cURL requests or API body payloads.

How do I switch to JSON URL encoding?

Click the "Switch to Encode" link or navigate to /encode-decode/json-url-encode to convert JSON objects into percent-encoded URL query strings.

Related Encoding & Decoding Tools