PIPELINE Web Development Beginner 2 steps

URL Decode and Parse

URL decoding reveals the original URL. URL parsing extracts protocol, host, path, and query components.

What it solves

URL-decode then parse the URL into components.

Input → Output

URL Decoder input → URL Parser output across 2 steps.

Runs in

1–2 minutes · fully local in your browser.

Before you start

An encoded URL

The pipeline

1 URL Decoder url-decode

Decode percent-encoded URL text back to readable characters. Free, private, and 100% client-side.
2 URL Parser url-parser

Parse a URL into its components: protocol, host, path, query, hash, port, username, and password. Free, private, and 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Input data

Pipeline progress

URL Decoderurl-decode
URL Parserurl-parser

Sample input

https://example.com%3Fq%3Dhello

Expected output

Protocol:  https:
Username:  
Password:  
Host:      example.com
Hostname:  example.com
Port:      
Path:      /
Query:     ?q=hello
Hash:      
Origin:    https://example.com
Href:      https://example.com/?q=hello

Query Parameters:
  q = hello

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.