Is this URL encoder free?

Yes. Completely free with no signup required.

No. All encoding happens in your browser.

encodeURIComponent vs encodeURI?

encodeURIComponent encodes special chars like ? & = for single values; encodeURI keeps URL structure for full links.

In form-urlencoded data, + represents space. Decoding converts + to spaces.

Can I use it commercially?

Yes. Free for personal and commercial use.

Can I parse query strings to JSON?

Yes. Use Query parse mode to convert name=value&key=value into structured JSON.

URL Encoder/Decoder

Next steps

Pretty-print query JSON Base64 encode result

Input

Output

encodeURIComponent is for query values; encodeURI is for full URLs. + is treated as space when decoding.

Query String Parser - Parse URL Parameters

Parse query strings to JSON or build query strings from JSON — bidirectional, in-browser.

Choose Query Parse mode, paste ?key=value&... or a full URL — structured JSON shows on the right.

Web developers use URL encoding when building API requests, OAuth redirect URLs, form submissions, and deep links. encodeURIComponent handles individual parameter values, while encodeURI preserves URL structure characters. Misunderstanding which function to use is a common source of broken links and failed API calls.

WaiHub's URL tool supports component-level encoding (encodeURIComponent), full URL encoding (encodeURI), and bidirectional Query string ↔ JSON conversion. All processing happens in your browser, keeping sensitive redirect URLs and API parameters private.

encodeURIComponent for query parameter values
encodeURI for full URL encoding
Query string parse and build from JSON
Swap direction between encode and decode
Handle Unicode and special characters correctly
Privacy-first browser processing

Features

encodeURIComponent / decodeURIComponent
encodeURI / decodeURI for full URLs
Query string parse → JSON
JSON → Query string builder
Swap encode/decode direction instantly
Live output as you type
Built-in examples for common patterns
Copy result with one click
Handles Unicode and + as space
Works locally in browser

How To Use

Select encoding mode
Choose encodeURIComponent for query values, encodeURI for full URLs, or Query parse/build for structured data.
Paste your input
Enter the URL, query string, or JSON in the source panel. Use built-in examples to get started quickly.
Review the output
The result panel updates in real time. Check percent-encoded characters and decoded readable text.
Copy or swap direction
Copy the result, or click Swap Direction to toggle between encode and decode modes.

Examples

Parameter encoding

Input

Hello World?name=Tom&age=20

Output

Hello%20World%3Fname%3DTom%26age%3D20

Parameter decoding

Input

Hello%20World%3Fname%3DTom

Output

Hello World?name=Tom

FAQ

Is this URL encoder free?: Yes. Completely free with no signup required.
Is my data uploaded?: No. All encoding happens in your browser.
encodeURIComponent vs encodeURI?: encodeURIComponent encodes special chars like ? & = for single values; encodeURI keeps URL structure for full links.
How is + handled?: In form-urlencoded data, + represents space. Decoding converts + to spaces.
Can I use it commercially?: Yes. Free for personal and commercial use.
Can I parse query strings to JSON?: Yes. Use Query parse mode to convert name=value&key=value into structured JSON.