Base64 / URL Encoder Widget

Base64UrlEncoder darkBase64UrlEncoder color darkBase64UrlEncoder dimBase64UrlEncoder light

The Base64 / URL Encoder widget is a quick utility for encoding and decoding text. Whether you need to convert a string to Base64, decode a URL-encoded value, or go the other way - it all happens instantly as you type.

#How to Use

  1. Type or paste text into the input field on the left (or top on smaller screens).
  2. The output field on the right updates automatically with the encoded or decoded result.
  3. Use the toolbar to switch between modes:
    • B64 - Base64 encoding
    • URL - URL encoding
    • Encode / Decode - toggle the direction

The result updates in real time as you type - no need to click a button.

#Toolbar Actions

  • Mode selector - switch between Base64 and URL encoding, and toggle encode/decode direction
  • Swap - takes the current output, puts it in the input field, and flips to the opposite mode. Useful for quickly reversing a transformation.
  • Copy - copies the output to your clipboard
  • Clear - clears the input field

#Error Handling

If the input can't be decoded (for example, invalid Base64 text), the widget shows an error message instead of the character count. Fix the input and the output updates automatically.

#Examples

  • Base64 Encode: Hello World becomes SGVsbG8gV29ybGQ=
  • URL Encode: Hello World becomes Hello%20World
  • Base64 Decode: SGVsbG8gV29ybGQ= becomes Hello World