URL Query Parser
Inspect query parameters as key/value pairs.
API Request Builder
Build and test HTTP requests in your browser
Compose method, URL, query params, headers, and body. Copy ready-to-run cURL or fetch code, then send the request and inspect the response.
Method
Base URL
Query Params
Headers
Body
The GET method typically does not include a request body.
Final URL
1 active query parameter(s)https://jsonplaceholder.typicode.com/posts/1?source=daily-drift-hub
cURL
curl -X GET 'https://jsonplaceholder.typicode.com/posts/1?source=daily-drift-hub' \ -H 'Accept: application/json'
Fetch Snippet
const response = await fetch('https://jsonplaceholder.typicode.com/posts/1?source=daily-drift-hub', {
method: 'GET',
headers: {
'Accept': 'application/json',
},
})
const data = await response.text()
console.log(response.status, data)Response
Send a request to inspect status, headers, and body.
Response output will appear here.
How To Use This API Request Builder
Start with an HTTP method and base URL, then add query parameters and headers as rows. Enable or disable rows using the checkbox so you can compare variants without deleting values. Choose JSON or raw text mode when your request method supports a body.
Generated Code: cURL and Fetch
This tool generates both a cURL command and a browser fetch() snippet from the same request definition. It is useful when you prototype in a browser and then move the same request into your shell scripts or application code.
Browser Limits You Should Expect
Requests are sent directly from your browser, so normal browser security rules apply. If the API does not allow your origin with CORS headers, the request can fail even when the endpoint is valid. In those cases, copy the generated cURL command and run it from your terminal.
FAQs
Can this tool call any API endpoint directly from my browser?
It can call endpoints that are reachable from your browser and allow cross-origin requests (CORS). If an API blocks browser origins, the request may fail even with a valid URL. In that case, copy the generated cURL command and run it from a terminal.
What is the difference between query params and headers?
Query parameters are appended to the URL after ? and are often used for filtering, pagination, or search terms. Headers are metadata sent separately (like Authorization or Content-Type) and are used for authentication, content negotiation, and request context.
Why does this tool auto-add Content-Type for JSON?
When body mode is JSON, most APIs expect the header Content-Type: application/json. The tool adds it only when you have not provided your own Content-Type header, so you can still override it when needed.
When should I use generated fetch code vs cURL?
Use fetch when integrating requests into frontend or Node.js JavaScript code. Use cURL for terminal debugging, shell scripts, CI jobs, or when browser CORS policies block direct API testing.
Are API keys and tokens sent to your server?
No. The tool runs entirely in your browser. Requests are sent directly from your browser to the target API endpoint, and generated snippets are created locally.
Is Free API Request Builder (HTTP, cURL, Fetch) Online free to use?
Free API Request Builder (HTTP, cURL, Fetch) Online is completely free and runs in your browser.
Does Free API Request Builder (HTTP, cURL, Fetch) Online send my data to a server?
No. Free API Request Builder (HTTP, cURL, Fetch) Online processes input directly in your browser.
Do I need to create an account to use Free API Request Builder (HTTP, cURL, Fetch) Online?
No account is required to use Free API Request Builder (HTTP, cURL, Fetch) Online.
Privacy-first by design
Tool inputs are processed in your browser. Review the Privacy Policy and Terms for full details.
Related Tools
All ToolsOpen Tool →
JSON Formatter
Format, validate, and beautify JSON instantly.
JWT Decoder / Encoder
Decode payloads, verify signatures, test secrets, and generate JWT tokens.
Base64 Encoder
Encode and decode Base64 strings instantly.