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
Online TOTP Key Maker — Generate otpauth:// URIs & QR codes for Google Authenticator, Authy, and more
Fill in details
Issuer & accountGenerate secret
Or paste your ownScan QR code
With authenticator appVerify & save
Test OTP codespeakeasy for Node.js, pyotp for Python, or otp.net for .NET) can validate the generated OTP.crypto.getRandomValues() Web Crypto API — no data is sent to any server.api.qrserver.com. Only the encoded URI data is sent to generate the image; the API does not store your secrets.otpauth://totp/ format. For HOTP (HMAC-based counter), the URI would use otpauth://hotp/ with an additional counter parameter. While many concepts are the same, HOTP requires counter synchronization between the server and client. If you need HOTP support, you can manually modify the generated URI by changing totp to hotp and adding &counter=0 to the parameters. We may add dedicated HOTP support in a future update.
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
Paste an SVG and get a ready‑to‑use data URI for CSS backgrounds or img tags. Optimized with URL encoding. All local.
Generate a CSR and private key pair in the browser using the Web Crypto API. Download both as files. No data sent to server.
Convert title to URL slug with options: ignore stop words, transliterate special characters, choose separator. SEO friendly.
Create SEO‑friendly slugs that handle characters from any language. Removes accents, converts Cyrillic, Greek, etc. to Latin. Local.
Break down any URL into its individual components: protocol, hostname, path, query parameters. Decode query strings easily. Purely client-side.
Convert a JSON object into application/x‑www‑form‑urlencoded format. Essential for testing legacy APIs. Pure browser.
Shows the decimal and hex code point for every character in a string, including emojis. Copy as array. Dev reference.
Hash any text using simple, fast algorithms: DJB2, SDBM, or CRC32. Get integer or hex. For quick lookups. Local.
Paste an SVG and get an optimized, URL‑encoded data URI for use in CSS backgrounds. Reduces file size and escapes characters.
Paste INI content and convert it to a structured JSON object. Handles sections and comments. Client‑side only.
Paste an SSL certificate and private key to verify they belong together. Check if a CSR matches a private key. All local crypto.
Paste JSON and generate typed model classes in TypeScript, Python dataclass, or Go struct. Speeds up API dev.
Paste text with \uXXXX or \xXX escape sequences and decode to readable characters. Works for all Unicode planes.
Convert standard HTML into Pug (formerly Jade) syntax. Clean, indented output. For Node.js templating. Client‑side.
Paste or upload an SVG and convert it into a CSS background‑image data URI. Clean and ready to embed.
Write a standard README with pre‑filled sections like Installation, Usage, and License. Export as Markdown. Save time.
Create an import map JSON with CDN links. Use bare specifiers like `import React from 'react'` without bundlers.
Optimize an SVG and convert it into a URL‑encoded data URI ready for CSS backgrounds. Strip unnecessary attributes. All local.
Pick an emoji and get the exact CSS content property value with escaped Unicode. For inserting emojis via CSS.
Style the notoriously hard file input. Generate a consistent button with preview. Copy the HTML/CSS.
Transform a flat JSON object into a dotenv file format instantly. Use it to keep your local configuration in sync. All processing is private and client‑side.
Paste Jira/Confluence wiki markup and get a rendered HTML preview. Supports headings, lists, links, and code blocks. All local.
Paste code and get a beautifully highlighted preview with line numbers. Supports many languages. Copy as HTML. Pure frontend.
Create a Svelte single‑file component with script, style, and markup. Choose TypeScript or JavaScript. Copy the .svelte file.
Define brand colors, fonts, and spacing. Generate the Chakra UI extendTheme object. Export as JSON or JavaScript.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
Build a 3D rotating cube using pure CSS. Set dimensions, colors, and animation speed. Copy the HTML and CSS.
Add floating emoji reactions (like live streams) to any screenshot or photo. Export as still image. Fun social media tool.
Choose from a dozen pure CSS loading spinners. Customize color, size, and speed. Copy the HTML & CSS. No JavaScript needed.