Developer Tools — Format, encode, hash, validate — all the daily dev utilities.
Free developer utilities that run entirely in your browser. JSON formatter, Base64 codec, JWT decoder, hash generator, regex tester, UUID generator, and more — every tool is client-side JavaScript so your tokens, payloads, and secrets never leave your tab. No tracking, no upselling, no account required.
Why developers should care that these run in-browser
Every working developer has the same daily problem: you copy a JWT from a Slack thread to decode it, you paste a JSON blob from a production log to format it, you generate a SHA-256 hash to compare a file against a published checksum. The fastest path is usually a Google search → click first result → paste. The first result is almost always a server-side tool that logs your input for analytics, often with a banner ad in the middle of the result.
That "harmless" copy-paste workflow has produced real incidents. Tokens leaked through online JWT decoders. Internal API endpoints exposed via JSON formatters whose operators got curious. Production credentials hashed at sites whose database later leaked. The fix is not better operational discipline — engineers have other things to think about. The fix is to use tools that can'tlog your input because they don't have a server.
Pickrack's six developer tools all run entirely in your browser. JSON formatting is a JSON.parse + JSON.stringify in JavaScript. Base64 encoding is the native btoa/atob with a TextEncoder fallback for full UTF-8 (Vietnamese, emoji). JWT decoding is a Base64URL split into header/payload/signature, decoded into JSON. Hash generation uses Web Crypto API (built into the browser, FIPS-validated implementation). UUIDs use crypto.randomUUID. Regex testing uses the native JavaScript regex engine. None of this code makes a network request. You can verify with DevTools → Network.
The six developer tools and what they replace
- JSON Formatter — replaces JSONFormatter.org, JSON Editor Online. Formats with 2-space or 4-space indent, validates syntax, shows error position on invalid input.
- Base64 Encoder/Decoder — replaces Base64Decode.org. Full UTF-8 support (Vietnamese, Chinese, emoji) which most simple
btoawrappers break. - JWT Decoder — replaces jwt.io. Decodes header + payload, shows expiration as a human-readable date, signature verification on the roadmap.
- Hash Generator — replaces miscellaneous hash tools. MD5 (legacy compat only), SHA-1 (Git compat), SHA-256, SHA-512. Note: do not use plain hashes for password storage — use bcrypt, scrypt, or Argon2.
- UUID Generator — replaces uuidgenerator.net. Generates 1-1000 v4 UUIDs at once. Compatible with PostgreSQL
uuidtype. - Regex Tester — replaces regex101 for quick checks. Live match highlighting, capture group display, six common presets (email, URL, phone, ISO date, IPv4, hex color).
What we don't replace (and shouldn't)
Pickrack's dev tools are complementary to your main toolchain, not a replacement. For complex regex work, regex101 is still better — it has explanation mode, multiple flavors (Python, PHP, JavaScript), and is the de facto standard. For deeply nested JSON exploration, jq on the command line or VS Code's JSON tree view is more efficient. For full JWT signature verification with public keys, the jose npm libraryis the right choice. Pickrack is the "quick check before going back to my real workflow" layer.
JSON Formatter
Format, validate, and minify JSON. Detects errors with line numbers. Browser-side, your data never leaves your device.
Base64 Encoder
Encode and decode Base64 strings. Supports text and file modes. Browser-side, instant.
JWT Decoder
Decode JWT header and payload to inspect claims. Validates structure and expiry. Browser-side — tokens never leave your tab.
Hash Generator
Generate MD5, SHA-1, SHA-256, SHA-512 hashes. Text and file modes. Web Crypto API.
UUID Generator
Generate cryptographic UUID v4 single or in bulk (1-1000). One-click copy. Browser crypto.randomUUID.
Regex Tester
Test regular expressions live with match highlighting and capture groups. Supports JavaScript regex flags.
Timestamp Converter
Convert between Unix timestamp (seconds/ms), ISO 8601, and human-readable date. Timezone-aware, live.
Text Diff Checker
Compare two text blocks line-by-line with LCS algorithm. Color-coded additions/removals, ignore whitespace or case.
CSS Gradient Generator
Build linear, radial, or conic CSS gradients with live preview. Multi-stop, angle slider, Tailwind v4 ready.
Why use these tools?
- Privacy first. Browser-side tools process your data locally. Server-side tools are explicitly labeled and delete inputs immediately after response.
- Free, forever. No daily limits, no watermarks, no signup, no premium tier.
- No tracking inside the tool. Tools have zero analytics on the data you process — site analytics (page views) are anonymous.
- Open implementation. Underlying engines are open-source — verify the security model.
Frequently asked
Why are developer tools important to be browser-side?+
Devs frequently work with sensitive data: API tokens, JWTs containing user IDs, JSON payloads with PII, hashes of credentials. Server-side tools (even reputable ones) log requests for analytics. Browser-side tools mean your tokens never leave your tab — verifiable in DevTools → Network.
How are these tools different from JSONFormatter.org, Base64Decode.org?+
Most popular dev tool sites are server-side and ad-heavy. Pickrack runs everything client-side and uses minimal ads (none inside the tool itself). The functionality is similar; the privacy + UX is the differentiator.
Do you have a CLI version of these tools?+
Not currently — but the underlying primitives are all native (jq for JSON, base64 for Base64, openssl for hashing). Pickrack adds a polished UI on top. We may open-source a unified CLI in the future.
Can I integrate Pickrack into my dev workflow?+
Yes — bookmark individual tools or the catalog page. Most tools accept URL parameters (e.g., `?input=...`) to pre-populate, useful for sharing examples or creating bookmarklets.
Are there API endpoints for these tools?+
Browser-side tools don't have APIs — everything runs in JavaScript locally. For programmatic use, install the underlying libraries directly (e.g., `npm i jose` for JWT, `crypto.subtle` for hashing).
Do you support tree view / collapsible JSON?+
v1 is plain text. Tree view is on the roadmap. For complex nested JSON, VS Code with the JSON Viewer extension or jq locally is more comfortable.