URL Build
Assemble a URL from JSON parts (protocol, hostname, port, path, searchParams, hash). Round-trips with url-parse — parse a URL, edit the JSON, build it back.
About URL Build
URL Build assembles a complete URL from its JSON parts — protocol, hostname, port, path, search parameters, and hash — so you can construct a link programmatically without hand-escaping query strings. It round-trips cleanly with URL Parse: take a URL apart, edit the JSON, and build it back. Everything runs in your browser with no data sent anywhere.
- Category
- create
- Input
- Accepts: */*.
- Output
- Outputs: application/json.
- Cost
- Free, runs in your browser
- Memory
- low
Common uses
- Construct an API request URL from structured query parameters without manual percent-encoding
- Edit one query param in a long tracking URL by parsing it, changing the JSON, and rebuilding
- Generate a batch of URLs that differ only in their searchParams from a template
- Build a redirect target with a precise path, port, and fragment for a local dev environment
- Assemble a deep link with multiple query keys cleanly escaped from a JSON object
Frequently asked questions
What input does it take?
A JSON object describing the URL parts: protocol, hostname, port, path, searchParams, and hash. It returns the assembled URL string.
Does it handle query-string escaping for me?
Yes. Values in searchParams are percent-encoded as needed, so you don't have to escape spaces or special characters by hand.
Can I round-trip with URL Parse?
Yes — that's the design. Parse a URL into JSON, edit the fields you need, then feed it here to rebuild. The two tools are inverses.
Is anything sent to a server?
No. URL assembly happens entirely in your browser, so the links and any embedded tokens or parameters stay on your device.
What if I omit a part like port or hash?
Optional parts can be left out and they simply won't appear in the result. Provide only the components your URL needs.
Keywords
- url
- build
- compose
- assemble
- query
- construct