HTTP Request Builder

Runs in browser

Build HTTP requests visually and copy as cURL or fetch().

Build and preview HTTP requests visually. Set method, URL, query params, headers, and body — then copy as cURL or JavaScript fetch().

HTTP Request Builder tool

Request Preview

MethodGET
URLhttps://api.example.com/users
curl \
  'https://api.example.com/users'
fetch("https://api.example.com/users", {
  method: "GET",
});

🔒 Runs in your browser · No uploads · Your data never leaves your device

How to use

  1. Set method and URL

    Choose from GET, POST, PUT, PATCH, DELETE, HEAD, or OPTIONS and enter the endpoint URL.

  2. Add query params and headers

    Fill in key-value rows for query parameters (auto-appended to URL) and request headers.

  3. Configure body

    For POST/PUT/PATCH, choose JSON, form-encoded, or raw body and fill in the content.

  4. Copy output

    Copy the assembled request as a cURL command or JavaScript fetch() snippet.

Common use cases

  • Prototyping API calls during developmentBuild GET or POST requests with query params and headers in a visual interface, then copy as fetch() to paste into your JavaScript code.
  • Creating reproducible API test casesAssemble HTTP requests with full headers and body, then copy as cURL for sharing with teammates or adding to documentation.

Examples

  • GET with query params

    Fetch users filtered by role.

    Output
    GET https://api.example.com/users?role=admin

Frequently asked questions

Does this send the request?
No. This tool assembles the request preview and copy-ready code but does not execute it.
What body formats are supported?
JSON (with auto Content-Type header), HTML form-encoded key-value pairs, and raw text.

Key concepts

Query parameter
A key=value pair appended to a URL after ? — used to pass filter, pagination, or search data in GET requests.
fetch()
The modern browser and Node.js API for making HTTP requests, returning a Promise — the JavaScript equivalent of cURL.

You might find these useful too.

More api tools