🔗 URL Encoder / Decoder

Encode text to percent‑encoded URL format or decode back to readable text. Perfect for query parameters and API calls — 100% client‑side.

📝 Plain Text

🔗 Percent‑Encoded (URL)

Encoding Mode

📖 How to Use the URL Encoder / Decoder

Step 1: Enter plain text in the left panel, or percent‑encoded text in the right panel.
Step 2: Choose encoding mode: "encodeURIComponent" (encodes all special chars) or "encodeURI" (preserves URI structure).
Step 3: Click "Encode to URL" to percent‑encode, or "Decode from URL" to decode.
Step 4: Use "Copy Encoded" to copy the result, "Swap" to exchange fields, or "Clear" to reset.
Step 5: Load a sample with "Load Sample" to see how it works.

💡 What is URL Encoding?

✔️ Converts special characters into safe percent‑encoded format (e.g., space → %20).
✔️ Essential for query parameters, form data, and API calls.
✔️ Uses standard JavaScript functions encodeURIComponent and decodeURIComponent.

💡 Pro Tip: Use "encodeURIComponent" for query string values. Use "encodeURI" for full URLs. All processing is local – your data never leaves your device.

🔒 100% client‑side • Your data never uploaded • Zero tracking • Instant encode/decode