URL Component Encoder/Decoder - Online encodeURIComponent
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
UD5 Toolkit
| # | Parameter Name | Value | Action |
|---|---|---|---|
| No query parameters found | |||
Enter a URL above and click Parse URL to decompose it into components
https://, http://, ftp://www.example.com):8080)/blog/article)? (e.g., ?id=123&sort=asc)# (e.g., #section2)www.example.com or 192.168.1.1). Host includes the hostname plus the port number if one is explicitly specified (e.g., www.example.com:8080). If no port is specified in the URL, the host and hostname are identical. This distinction is important when working with non-standard ports in web development and API configurations.
? character in a URL. They are separated by & and follow the format key=value. Our tool uses the URLSearchParams API to parse them accurately, automatically handling URL encoding (e.g., %20 → space, %2F → /). Each parameter is displayed with both its raw encoded form and its decoded, human-readable value. This is particularly useful for debugging tracking parameters, API calls, and form submissions.
# symbol. It is never sent to the server — it is handled entirely by the browser (client-side). Common uses include: navigating to a specific section of a page via anchor links (e.g., #faq-section), tracking state in single-page applications (SPA routing with #/dashboard), and storing temporary client-side data. Understanding fragments is crucial for front-end developers working with SPAs and anchor navigation.
https://example.com:443/path will show an empty port since 443 is the default for HTTPS. Only non-standard ports (like 8080, 3000, 8443) will appear explicitly in the parsed output.
äľ‹.com will be parsed as its Punycode equivalent xn--fsq.com. Our tool displays the hostname exactly as the browser interprets it, which is the form actually used in DNS resolution and HTTP requests.
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
Find out the real destination of any shortened link (bit.ly, t.co, etc.) without clicking. Resolves redirects locally using public HTTP headers.
Paste a full URL or query string and instantly get a pretty JSON object. Parse arrays and nested keys.
Convert title to URL slug with options: ignore stop words, transliterate special characters, choose separator. SEO friendly.
Paste an SVG and get a ready‑to‑use data URI for CSS backgrounds or img tags. Optimized with URL encoding. All local.
Convert a JSON object into application/x‑www‑form‑urlencoded format. Essential for testing legacy APIs. Pure browser.
Paste a cURL command and instantly generate equivalent HTTP request code in Python, JavaScript, PHP, and more. Speed up API integration — fully local.
Shows the decimal and hex code point for every character in a string, including emojis. Copy as array. Dev reference.
Enter a URL and see a nested list of all h1‑h6 tags. Check document structure for SEO and accessibility.
Paste a PEM-encoded certificate to decode subject, issuer, validity, and fingerprints. Runs locally.
Paste text with \uXXXX or \xXX escape sequences and decode to readable characters. Works for all Unicode planes.
Build and test regular expressions against sample text. Real-time match highlighting, capture groups display, and flavor options. All inside your browser.
Paste Jira/Confluence wiki markup and get a rendered HTML preview. Supports headings, lists, links, and code blocks. All local.
Paste INI content and convert it to a structured JSON object. Handles sections and comments. Client‑side only.
Optimize an SVG and convert it into a URL‑encoded data URI ready for CSS backgrounds. Strip unnecessary attributes. All local.
Paste an SVG file and extract all path data. Clean and copy individual d strings. For icon manipulation.
Create a Svelte single‑file component with script, style, and markup. Choose TypeScript or JavaScript. Copy the .svelte file.
Paste an SVG and get an optimized, URL‑encoded data URI for use in CSS backgrounds. Reduces file size and escapes characters.
Search by MIME or file extension to see the corresponding type. Helpful when configuring web servers. Static.
Paste or upload an SVG and convert it into a CSS background‑image data URI. Clean and ready to embed.
Convert standard HTML into Pug (formerly Jade) syntax. Clean, indented output. For Node.js templating. Client‑side.
Paste regular HTML and instantly get valid React JSX with proper self‑closing tags and className attributes.
Paste Pug template code and compile it to HTML. See the rendered output instantly. For static site devs.
Write a standard README with pre‑filled sections like Installation, Usage, and License. Export as Markdown. Save time.
Create a Remix route file with loader, action, and default export. TypeScript ready. Copy the route.tsx.
Paste an SSL certificate and private key to verify they belong together. Check if a CSR matches a private key. All local crypto.
Convert an SVG into a named React component with TypeScript. Clean attributes and add props. Dev tool.
Paste an SVG and convert it to a React Native component using react‑native‑svg elements. For mobile apps. Local.
Convert an SVG into a data‑URI for mask‑image or mask‑position. Create non‑destructive clipping masks via CSS.
Type a common ingredient and get possible substitutes with ratios. Perfect for emergency cooking. Static reference.