Skip to main content
Tool ReignTool Reign
DeveloperFinanceTextPDFImageAll categories
Tool ReignTool Reign

314 free online tools for developers, finance, and businesses. No signup required.

100% privateFree tools
Tool Reign - 280+ free browser tools. No signup. Your data stays private. | Product HuntTool Reign - 280+ free browser tools. No signup. Your data stays private. | Product HuntToolReign on PeerlistToolReign on Peerlist
Popular
JSON FormatterText EditorGST CalculatorEMI CalculatorWord CounterMerge PDFImage ResizerSIP CalculatorJWT Decoder
All Tools·Guides·Privacy Policy·Terms of Use·About·Contact

© 2026 ToolReign. All rights reserved.
· Made for 🌍 Everyone

HomeDeveloperURL Encoder / Decoder — encodeURIComponent & encodeURI Online
Developer

URL Encoder / Decoder — encodeURIComponent & encodeURI Online

Browser-Only

Encode and decode URLs with encodeURIComponent, encodeURI, or custom preserve rules. Parse query parameters, bulk-process lines, and copy decoded values — all in your browser.

Also searched as: url encoder decoder · url encode online · urlencode decode · url percent encoding · encodeURIComponent online

encodeURIQuery paramsBulk modeFree

Encoding options

0 chars0 words0 spaces0 lines
Output
0 chars0 words0 spaces0 lines

How to Use

Step-by-step guide to get the most from this tool

  1. 1

    Choose mode

    Select Encode or Decode.

  2. 2

    Pick encoding type

    Use encodeURIComponent, encodeURI, or custom preserve rules in encode mode.

  3. 3

    Enter text

    Paste a URL, query value, or encoded string — output updates live.

  4. 4

    Inspect breakdown

    Full URLs show parsed query params with decoded values.

Features

What makes this tool stand out

🔗

encodeURI & component

Native encoding modes with clear explanations.

⚙️

Custom preserve

Choose which characters stay unencoded.

📋

Query param table

Decoded values per key with copy buttons.

📦

Bulk mode

Encode or decode one value per line.

↕️

Swap

Move output to input and flip mode.

🔒

Offline-ready

Pure client-side — no server.

Related Tools

More free utilities you might find useful

🔐
Base64 Encoder
Base64 encoding
⌨️
cURL Generator
Build cURL commands
{}
JSON Formatter
Format JSON
🗝️
JWT Decoder
Inspect JWT tokens

Frequently Asked Questions

Quick answers to common questions

What is URL encoding?+

URL encoding (percent encoding) replaces characters that are not allowed in URLs with % followed by two hexadecimal digits. For example, a space becomes %20.

When should I use encodeURIComponent vs encodeURI?+

Use encodeURIComponent for a single query value or path segment — it encodes /, ?, &, and =. Use encodeURI for an entire URL where those delimiters must stay intact.

What does the custom mode do?+

Custom mode runs encodeURIComponent, then restores each character you list in the preserve field so only those symbols remain unencoded.

What is form-style + encoding?+

HTML forms often encode spaces as + instead of %20. Enable "Encode spaces as +" to match that behavior; decoding converts + back to spaces when enabled.

How does the URL breakdown panel work?+

When your input is a full http(s) URL, the tool parses protocol, host, path, query parameters, and fragment. Each query value is shown encoded and decoded with a copy button.

Is my data private?+

Yes. All encoding and parsing runs locally in your browser with no network requests.

Your data is processed entirely in your browser. Nothing is sent to any server.