URL Builder
URL builder online. Build URLs with query parameters visually. Paste existing URLs to parse and edit them—generate URLs free in your browser.
Base URL
Paste a URL with query params to auto-parse them
Query Parameters 0
Final URL
Features
- Build URLs with query parameters visually
- Add, edit, and remove parameters easily
- Automatic URL encoding of values
- Auto-parse existing URLs by pasting them
- Preview full URL in real-time
- Copy as URL, cURL, fetch, axios, and more
Common Use Cases
- Generate API request URLs
- Create tracking URLs with UTM parameters
- Build search URLs for testing
- Construct OAuth authorization URLs
- Test URL parameter combinations
URL Construction and Query Building
URL building allows you to construct complete URLs by adding query parameters visually, without manual encoding or syntax errors.
URL structure:
https://example.com/path?key1=value1&key2=value2#hash
Components:
- Base URL - Protocol, domain, and path (
https://example.com/api) - Query string - Parameters after
?(?key=value&...) - Fragment - Optional hash anchor (
#section)
Automatic encoding: Values are automatically URL-encoded. "Hello World" becomes "Hello%20World". You don't need to manually encode special characters.
Editing mode: Paste an existing URL to parse and edit it. Modify parameters, add new ones, or remove unwanted ones, then copy the updated URL.
Examples
Base: https://api.example.com/search
Params:
- q: javascript tutorials
- lang: en
- limit: 10
Result: https://api.example.com/search?q=javascript%20tutorials&lang=en&limit=10Base: https://example.com/product
Params:
- utm_source: newsletter
- utm_medium: email
- utm_campaign: spring_sale
Result: https://example.com/product?utm_source=newsletter&utm_medium=email&utm_campaign=spring_saleInput: https://shop.com/search?q=shoes&size=10
Edit: Add color=red, remove size
Result: https://shop.com/search?q=shoes&color=redFrequently Asked Questions
Yes! All parameter values are automatically URL-encoded. Spaces become %20, special characters like ! become %21. You don't need to manually encode values—just type plain text.
Absolutely! Paste any URL and the builder will parse it into base URL and parameters. Edit, add, or remove parameters, then copy the updated URL. Perfect for modifying tracking URLs or API endpoints.
Add the same key multiple times with different values (e.g., tag=red, tag=blue). The URL will include both: ?tag=red&tag=blue. APIs often use this for arrays or filters.
Yes! The hash (fragment) is the part after # in a URL. Add it in the dedicated fragment field. Example: https://example.com/page#section. Fragments are not sent to the server—they're used client-side.
Parameter order doesn't matter for most servers. ?a=1&b=2 and ?b=2&a=1 are equivalent. However, some APIs or caching systems may be sensitive to order. Our builder preserves your parameter order.