Query Builder

Manage query params as key/value rows and generate query strings or full URLs in real time.

Param List

Add, remove, or duplicate rows for filters, pagination, and tracking params.

No params yet. Add one manually or parse a query string.

Tool Overview: Query Builder

Query Builder helps you manage URL query parameters as editable key/value rows and generate a query string or full URL in real time. It is useful for API testing, campaign links, filter links, pagination URLs, and any workflow where parameters need to be adjusted repeatedly.

What Is Query Builder?

Query Builder turns raw query editing into a structured interface. Instead of manually editing ?page=1&sort=desc&tag=dev, you can add, duplicate, remove, and reorder parameters more clearly. This is especially helpful when the same key appears multiple times or when you need to control encoding and empty values.

How to Use

  1. Enter a base URL if you want to build a complete link.
  2. Paste a raw query string and parse it, or add parameters manually.
  3. Edit each key/value row as needed.
  4. Choose whether to encode values, skip empty rows, and prefix the result with ?.
  5. Copy the generated query string or the final full URL.

Common Use Cases

  • Build API request URLs quickly
  • Prepare marketing or tracking links
  • Check pagination, sorting, and filter parameters
  • Rebuild URLs after removing invalid or empty values
  • Explain query parameter structure in documentation

❓ FAQ

Q1: Does it support duplicate keys?
A: Yes. Repeated keys are preserved in the current row order.

Q2: Can I build only the query string without a base URL?
A: Yes. The tool can output only the query part.

Q3: Why are some rows missing in the output?
A: The "skip empty" option removes rows whose key is empty.

✨ Key Features

  • Visual key/value editor for query parameters
  • Parse an existing raw query string into editable rows
  • Generate both query string and full URL instantly
  • Optional value encoding for safer URL output
  • Optional skipping of empty rows
  • Support for repeated keys such as tag=js&tag=vue

📖 Usage Examples

Basic Query Construction

Input rows:

page = 2
sort = newest
tag = tools

Generated query string:

?page=2&sort=newest&tag=tools

Build a Full URL

Base URL:

https://example.com/search

Input rows:

q = query builder
lang = en

Generated full URL:

https://example.com/search?q=query%20builder&lang=en

Duplicate Keys

Input rows:

tag = javascript
tag = vue
tag = nuxt

Generated query string:

?tag=javascript&tag=vue&tag=nuxt

🎯 Use Cases

1. API Debugging

Quickly assemble request URLs while changing pagination, filters, or sorting options.

2. Marketing Links

Prepare campaign URLs with utm_source, utm_medium, and utm_campaign parameters without editing them by hand.

3. Search and Filter Pages

Generate clean query strings for product filters, search keywords, and ordering controls.

4. Documentation and Teaching

Show how query parameters are structured in a clearer, row-based format for demos or tutorials.

💡 Usage Tips

  • Keep the base URL separate so you can reuse the same parameter set with different domains.
  • Turn on encoding when values contain spaces, symbols, or non-ASCII characters.
  • Turn on "skip empty" before copying production links.
  • Use duplicate rows when the target service expects repeated keys.