Instant URL decoder and encoder online. Encode text or URLs for query strings and decode percent-encoded strings instantly in your browser.
URL encoding (percent-encoding) converts characters into a format that can be safely transmitted in URLs. Reserved and special characters are replaced with a percent sign followed by two hexadecimal digits.
Benefits:
• Safely pass special characters in query strings
• Encode form data for GET and POST requests
• Fix broken links with spaces or symbols
• Prepare values for API requests and redirects
• Decode encoded URLs back to readable text
URL encoding is essential for web development, API integrations, and sharing links that contain spaces, ampersands, unicode characters, or other reserved symbols.
URL encoding and decoding can be done in JavaScript, Python, or directly with this online tool.
JavaScript
// URL Encode
const text = 'Hello World!';
const encoded = encodeURIComponent(text);
console.log(encoded); // Hello%20World!
// URL Decode
const decoded = decodeURIComponent('Hello%20World%21');
console.log(decoded); // Hello World!Python
from urllib.parse import quote, unquote
# URL Encode
encoded = quote('Hello World!')
print(encoded) # Hello%20World%21
# URL Decode
decoded = unquote('Hello%20World%21')
print(decoded) # Hello World!HTML
<!-- Encode in a form action -->
<a href="https://example.com/search?q=react%20hooks">
Search
</a>Or use our free online tool above for instant results without writing code.
Our URL encoder and decoder makes it easy to convert text to percent-encoded format and back.
Open the Encode tab to convert plain text to a URL-safe string, or Decode to reverse percent-encoding.
Paste your text or encoded URL string into the input field.
Click Encode or Decode to process your input instantly in the browser.
Use Copy to Clipboard to paste the result into your code, API call, or browser address bar.
encodeURI is meant for full URLs and leaves characters like / ? & intact. encodeURIComponent encodes nearly all special characters and is ideal for query parameter values. This tool uses encodeURIComponent-style encoding.
In URL encoding, spaces are represented as %20 (or sometimes + in query strings). %20 is the hexadecimal code for the space character.
No. All encoding and decoding happens locally in your browser. Your text is never uploaded or stored.
Yes. Paste a percent-encoded URL or query string and click Decode to convert encoded segments back to readable text.
🚀
Help others discover this tool quickly
Discover more free tools to boost your productivity
Box
Create beautiful box shadow with our free box shadow css generator. Generate custom box shadow css with 60+ preset effects, live preview & instant Tailwind and CSS box shadow code.
Gradient
Create beautiful gradient background using tailwind CSS Gradient Generator. Use 90+ presets to generate customized tailwind, CSS gradient background code quickly with live preview.
HEX: #ff5733
RGB: 255, 87, 51
HEX: #4a90e2
RGB: 74, 144, 226
Convert HEX color codes to RGB values instantly with our free HEX to RGB converter. Learn how HEX to RGB conversion works, understand color formats, and get accurate RGB values for web development.
Blog Post
Transform your content...
Social Post
Transform any blog post into engaging, platform-optimized content using our Blog to Social Media Post Generator. Powered by AI to maintain your message while adapting tone and style.
Subscribe to FrontendGeek Hub for frontend interview preparation, interview experiences, curated resources and roadmaps.
All in One Preparation Hub to Ace Frontend Interviews. Master JavaScript, React, System Design, and more with curated resources.
© 2026 FrontendGeek. All rights reserved