Free Online URL Parser & Builder
Instantly break any URL into its component parts — protocol, hostname, port, pathname, query parameters, and fragment. Or construct a URL from scratch using the builder.
Press Cmd/Ctrl + Enter to parse
What is URL Parsing?
URL parsing is the process of decomposing a Uniform Resource Locator (URL) into its constituent parts. A well-formed URL follows the structure defined in RFC 3986 and the WHATWG URL Standard.
Anatomy of a URL
Consider the following example URL:
https://user:pass@api.example.com:8080/v1/search?q=hello&lang=en#resultsEach part has a specific role:
| Part | Value | Description |
|---|---|---|
| Protocol | https: | Communication protocol (http, https, ftp, etc.) |
| Username | user | Optional auth username before the @ |
| Password | pass | Optional auth password (rarely used in modern URLs) |
| Hostname | api.example.com | Domain name or IP address |
| Port | 8080 | Network port (omitted if default: 80 for http, 443 for https) |
| Pathname | /v1/search | The hierarchical path to the resource |
| Search | ?q=hello&lang=en | Query string with key-value parameters |
| Hash | #results | Fragment identifier (scroll anchor, client-side routing) |
How to Use the URL Parser
- Paste any URL into the input field (the
https://prefix is added automatically if omitted). - Click Parse or press
Cmd / Ctrl + Enter. - All URL components are displayed in a structured table. Query parameters are listed individually with individual copy buttons.
How to Use the URL Builder
- Switch to the Build URL tab.
- Fill in the hostname and any other parts you need.
- Add query parameters with the + Add button — each parameter is automatically URL-encoded.
- Click Build URL to generate the complete URL and copy it.
Frequently Asked Questions
What is a query string?
A query string is the part of the URL that comes after the ?. It contains one or more key-value pairs separated by & (e.g., ?page=2&sort=asc). Query strings are commonly used to pass parameters to web servers or client-side applications.
What does the # (hash) part of a URL do?
The fragment (hash) is never sent to the server — it is processed entirely by the browser. It is used for in-page anchor links (jump to a section) or client-side routing in Single Page Applications (SPAs) built with frameworks like React or Vue.
Is my data private?
Yes. All URL parsing and building happens entirely in your browser using the standard Web URL API. No data is ever sent to a server.