Developer Tool
URL Parser & Builder
Break down any URL into its components — scheme, host, path, query parameters, and fragment — with decoded values and a visual structure. Or use the builder to construct a clean URL from parts.
URL Parser & Builder
URL to Parse paste any URL
Scheme
Host
Port (optional)
Path
Fragment (#hash)
Query Parameters key-value pairs
Built URL
Fill in the fields above to build a URL…
How to Use
1
Parse mode: Paste any URL into the input and click Parse. The tool breaks it into scheme, credentials, host, port, path, query parameters, and fragment — each shown separately with decoded values.
2
Visual structure: A color-coded breakdown shows which part of the raw URL corresponds to which component, so the structure is obvious at a glance.
3
Build mode: Switch to the Build tab. Fill in the scheme, host, port, path, and fragment. Add query parameters as key-value pairs — the tool encodes them correctly and assembles the final URL.
4
Copy the result with one click. Press Ctrl+Enter to trigger parse or build from the keyboard.
Why Use This Tool
Long URLs with many query parameters are hard to read and even harder to debug. This tool gives you an instant, structured breakdown and a clean builder so you can work with URLs precisely.
Instant Breakdown
Every component of any URL parsed and displayed in a structured table with one click.
Decoded Parameters
Query param values decoded from percent-encoding so you see hello world instead of hello%20world.
URL Builder
Assemble a valid URL from parts with automatic encoding — no more manually writing %20.
Visual Structure
Color-coded URL visual shows exactly which characters belong to which component.
Frequently Asked Questions
Percent-encoding (also called URL encoding) converts unsafe characters into a
%XX format where XX is the hexadecimal value of the character. For example, a space becomes %20 and & becomes %26. This makes it safe to include special characters in URLs. This tool decodes those values automatically so you see the original text.The path is the hierarchical part of the URL before the
?, like /api/v1/users. It identifies the resource. The query string comes after the ? and contains key-value pairs like page=2&sort=asc that refine or filter the resource.The fragment is the part after the
#. It identifies a specific location within a page, like an anchor or a section ID. Importantly, the fragment is never sent to the server — it is handled entirely by the browser and is only visible in the address bar.HTTPS uses port 443 by default. HTTP uses port 80. When the default port is used, browsers omit it from the URL. If you see a non-standard port like
:8080 or :3000, it usually means a development server or a custom deployment.