Skip to content
Get packs

URL Encoder & Decoder

Developer utilities · Done in 3 steps

Stays on your deviceFree · No sign-up
  1. 1Choose a mode
  2. 2
  3. 3
Loading tool…

About

Percent-encode or decode URLs and query values (encodeURIComponent vs encodeURI), and parse query strings into an editable table.

How to use it

  1. 1Choose Encode, Decode or Parse query string.
  2. 2For encoding, pick encodeURIComponent for values or encodeURI for whole URLs.
  3. 3Paste your text — the result updates live.
  4. 4In Parse mode, edit parameters in the table and copy the rebuilt URL.
You give
Text, a URL, or a query string like a=1&b=2
You get
Encoded/decoded text, URL parts and a decoded parameter table
Good to know
Malformed % sequences are left as-is when decoding. Parse mode handles http(s) URLs and bare query strings; repeated keys are listed separately.
Privacy
Processed on your device. Nothing is uploaded, stored or logged.
Last tested
2026-10-28

FAQ

encodeURIComponent or encodeURI?

Use encodeURIComponent for a single value going into a query string or path segment — it escapes & = ? / too. Use encodeURI for a complete URL so its structure stays intact.

Should spaces be %20 or +?

%20 works everywhere. + means a space only in form-encoded query strings, which is why Decode has a “Treat + as space” option.

Go further with AI

Checklist · 15 minFree

Code review checklist

A severity-ranked review checklist for humans and AI reviewers covering correctness, security, data, performance, tests and maintainability.

Claude Code · Cursor · Claude

Template · 20 minFree

Bug reproduction template

Turn a vague bug report into minimal reproduction steps, ranked hypotheses and a failing test you can hand to a developer or coding agent.

Claude Code · Cursor · Claude

Template · 20 minFree

UI implementation brief

Write a precise brief for building a UI component with a coding agent: states, behaviour, accessibility, responsive rules and acceptance criteria.

Claude Code · Cursor · Claude

Workflow · 45 minFree

Accessibility review workflow

Review a component or page against WCAG 2.2 AA with automated checks, an AI code review and a short manual keyboard and screen-reader pass.

Claude Code · Cursor · Claude