Does this actually send the request?

Yes. Press Send and the request is issued by your browser with the fetch API. You get the status code, response time, size, response headers and a pretty-printed body.

Why do some APIs fail with a network or CORS error?

Browsers block cross-origin responses unless the API returns an Access-Control-Allow-Origin header. That is a browser security rule, not a bug in the tool. Use an API that allows browser calls, or copy the generated curl snippet and run it from your terminal where CORS does not apply.

Do my requests or API keys go through your servers?

No. The request goes directly from your tab to the target API. Coders Hub has no backend for this tool, so headers such as Authorization are never seen or logged by us.

Why are only a few response headers listed?

For cross-origin responses, browsers expose only CORS-safelisted headers unless the server sends Access-Control-Expose-Headers. Same-origin requests show everything.

Can I add custom headers and a JSON body?

Yes. Add as many header rows as you need and paste any payload in the body field; GET and HEAD requests omit the body, as the HTTP spec requires.

Which code snippets are generated?

curl, JavaScript fetch, axios, Python requests and HTTPie — each updates live as you edit the request.

HTTP Request Builder

Send live API requests and generate curl, fetch, axios snippets.

Support

Works Offline

Privacy First

No Login

No API

Requests go straight from your browser first. If the API blocks cross-origin calls, the request is retried through our fetch relay so you still get the response — avoid sending private credentials to APIs that need the relay.

Method

URL

Headers

Body

Environment variables

Use {{name}} anywhere in the URL, headers or body

Variables stay in this browser only. Resolved URL: https://api.github.com/repos/facebook/react

Collection

Save requests you use often

Nothing saved yet.

History

Your last 25 sent requests, stored in this browser

No requests sent yet.

cURL

Shell

curl -X GET \
  'https://api.github.com/repos/facebook/react' \
  -H 'Content-Type: application/json'

fetch

fetch("https://api.github.com/repos/facebook/react", {
  method: "GET",
  headers: {
  "Content-Type": "application/json"
}
})
  .then((res) => res.json())
  .then(console.log);

axios

axios({
  method: "get",
  url: "https://api.github.com/repos/facebook/react",
  headers: {
  "Content-Type": "application/json"
}
});

Python requests

Python

import requests

response = requests.get("https://api.github.com/repos/facebook/react", headers={"Content-Type":"application/json"})
print(response.status_code, response.text)

HTTPie

http GET https://api.github.com/repos/facebook/react \
  Content-Type:application/json

Capture real responses from any site with API Inspector

Our free browser extension lists every API request a page makes — JSON, XML, CSV, HTML and media — and opens each one in the right Coders Hub tool with a single click.

Get the extension

About the HTTP Request Builder

Build an HTTP request with method, URL, headers and body, then send it directly from your browser and inspect the status code, timing, response headers and pretty-printed body. The same request is also exported as ready-to-run curl, fetch, axios, Python requests and HTTPie snippets. Requests go straight from your tab to the API — no proxy, no server, no logging — so cross-origin endpoints must return CORS headers for the browser to expose the response.

Examples

GET request

GET https://api.example.com/users

Output

Shellcurl -X GET 'https://api.example.com/users'

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

cURL Command Parser

API & HTTP

Parse a curl command into method, URL, headers, and body.

cURL to Fetch Converter

API & HTTP

Convert a curl command into JavaScript fetch() code.

GraphQL Query Formatter

API & HTTP

Format and indent GraphQL queries and mutations.

GraphQL Schema Viewer

API & HTTP

Browse a GraphQL SDL schema's types, queries, and mutations.

Webhook Request Inspector

API & HTTP

Inspect a pasted webhook request and verify its HMAC signature.

WebSocket Tester

API & HTTP

Open a live WebSocket connection, send frames and read replies.

Frequently asked questions

Testing APIs from the browser: what works, what CORS blocks, and why
How a browser-based REST client sends real requests, why some endpoints fail with a CORS error, and how to work around it without installing anything.
A browser API client with environments, history and saved requests
Environment variables, request history and a saved collection turn a one-off request form into something you can actually work in — without installing a desktop client.

Version 2.0.0 · Updated 2026-08-13 · Runs entirely in your browser

HTTP Request Builder

About the HTTP Request Builder

Examples

Keyboard shortcuts

Related tools

cURL Command Parser

cURL to Fetch Converter

GraphQL Query Formatter

GraphQL Schema Viewer

Webhook Request Inspector

WebSocket Tester

Frequently asked questions

Does this actually send the request?

Why do some APIs fail with a network or CORS error?

Do my requests or API keys go through your servers?

Why are only a few response headers listed?

Can I add custom headers and a JSON body?

Which code snippets are generated?

Read more