🚀 Wow1

Online URL Parser & Builder

Parse and visually edit URL components including protocol, host, port, path and query parameters with UTM builder

URL Parser & Builder

Paste a URL above to see its breakdown

Works with localhost:port, IDN domains, and complex query strings

How to Use URL Tool

  1. 1 Paste a complete URL into the input field
  2. 2 View the visual breakdown: protocol, host, port, path, hash
  3. 3 Edit any query parameter directly in the table
  4. 4 Add new parameters using the "+ Add" button
  5. 5 Use UTM presets for marketing links
  6. 6 Sort parameters A-Z if needed for API signing
  7. 7 Copy the reconstructed URL or export params as JSON

What You Get

Visual editor that breaks down any URL into editable components. Two-way sync between URL string and table editor. Full support for localhost:port URLs.

Input: https://api.example.com:8080/search?q=test&page=1

Output: Protocol: https, Host: api.example.com, Port: 8080, Path: /search, Params: q=test, page=1

Input: https://müük.ee/products

Output: IDN detected! Shows both Unicode (müük.ee) and Punycode (xn--mk-xkaa.ee)

How do I parse a URL into parts?

Paste any URL. The tool breaks it down into protocol, host, port, path, query parameters, and hash. Each part is editable separately.

How do I edit query parameters in a URL?

Paste the URL, edit values in the parameter table, or add new parameters with the Add button. The URL updates automatically.

What is Punycode and when do I need it?

Punycode is ASCII representation of international domains. müük.ee becomes xn--mk-xkaa.ee. Need it for DNS and some APIs that only accept ASCII.

How do I add UTM tracking parameters?

Use the UTM Builder section. Enter source, medium, campaign. The tool adds utm_source, utm_medium, and utm_campaign parameters to your URL.

Why would I sort URL parameters alphabetically?

Some APIs (AWS, payment processors) require sorted parameters for signature calculation. Click Sort A-Z to reorder parameters alphabetically.

How do I extract the port from a URL?

Paste the URL. The port appears in the breakdown (e.g., localhost:3000 shows port 3000). Default ports (80, 443) are often omitted.

Can I share a parsed URL with my team?

Click Share Link to get a URL that pre-fills the parser with your current URL. Send this link to colleagues for collaborative debugging.

How do I export query parameters as JSON?

After parsing, click Export JSON. The parameters are formatted as a JSON object, ready for use in code or API testing tools.

All processing happens in your browser. No data is sent to any server.