URL Encoder / Decoder
Encode and decode URLs, URI components, and query strings instantly. Parse URLs into their parts, build query strings with key-value pairs, and switch between component and full URL encoding modes.
Using encodeURIComponent / decodeURIComponent — encodes all special characters. Best for query parameter values.
URL Parser
Query String Builder
How to Use
- 1
Enter decoded text on the left or encoded text on the right
- 2
Click Encode or Decode to convert between formats, or enable real-time encoding
- 3
Toggle between Component mode (encodeURIComponent) and Full URL mode (encodeURI)
- 4
Use the URL Parser to break down any URL into protocol, host, port, path, query params, and hash
- 5
Use the Query String Builder to add key-value pairs and generate a query string
Key Benefits
100% Private
All encoding and decoding happens in your browser. Your data never leaves your device.
Dual Encoding Modes
Switch between encodeURIComponent for individual values and encodeURI for full URLs, depending on your use case.
URL Parser & Query Builder
Break down any URL into its parts or build query strings from scratch with an interactive key-value pair editor.
Real-Time Encoding
Enable live encoding to see results instantly as you type, without clicking any buttons.
Frequently Asked Questions
What is the difference between encodeURI and encodeURIComponent?
encodeURI encodes a full URL but preserves characters like :, /, ?, #, and & that are part of the URL structure. encodeURIComponent encodes everything except letters, digits, and - _ . ~ making it ideal for encoding individual query parameter values.
Is my data sent to a server?
No. All URL encoding and decoding happens entirely in your browser using JavaScript. Your data never leaves your device.
Why do I need to URL-encode text?
URLs can only contain certain ASCII characters. Special characters like spaces, &, =, and non-ASCII characters must be percent-encoded (e.g., space becomes %20) to be safely included in URLs and query strings.
Can I parse a full URL into its parts?
Yes. Paste any URL into the URL Parser section and it will break it down into protocol, host, port, path, individual query parameters, and hash fragment.
What is the Query String Builder?
The Query String Builder lets you add key-value pairs interactively and generates a properly encoded query string that you can append to any URL.