The latest articles on DEV Community by Fazal Abbas (@fazal_abbas). https://dev.to/fazal_abbas https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4112220%2F43095edb-1b01-4ba6-a85e-cd0d8d91c784.png https://dev.to/fazal_abbas en Fazal Abbas Mon, 07 Sep 2026 11:46:10 +0000 https://dev.to/fazal_abbas/i-got-tired-of-pasting-my-api-tokens-into-random-websites-so-i-built-30-dev-tools-that-run-100-in-3poi https://dev.to/fazal_abbas/i-got-tired-of-pasting-my-api-tokens-into-random-websites-so-i-built-30-dev-tools-that-run-100-in-3poi <p>Picture the last time you needed to decode a JWT. You Googled "jwt decoder," clicked the first result, and pasted in a token — often a <em>live</em> one — into a text box on a server you know nothing about.</p> <p>That moment bugged me for years. So I built <a href="https://devtoolskit.uvercy.com/" rel="noopener noreferrer">DevTools Kit</a>: 30 everyday developer utilities that do all their work <strong>inside your browser</strong>. Nothing you paste is ever sent anywhere. No sign-up, no ads, no analytics watching you.</p> <h2> The one rule: your data never leaves your machine </h2> <p>This is the whole reason the project exists. When you paste a JWT, an API response, or a chunk of production SQL into most online tools, that data hits someone else's backend. DevTools Kit runs every operation client-side. Don't take my word for it — open the page, kill your network connection, and every tool still works.</p> <h2> What's inside </h2> <p><strong>Formatters</strong> — JSON, XML, HTML, CSS, SQL<br> <strong>Converters</strong> — Base64, URL, HTML entities, YAML ↔ JSON, CSV ↔ JSON, JSON → TypeScript<br> <strong>Decoders</strong> — JWT decoder, Base64, URL<br> <strong>Generators</strong> — UUID, Lorem Ipsum, hashes, Unix timestamps</p> <p>And the one I'm most proud of:</p> <p><strong>Code Compare</strong> — a real side-by-side diff. Most online diff tools print one merged column, so a single changed character shows up as a whole line deleted plus a whole line added — useless for source code. Code Compare aligns the two versions in parallel columns and highlights only the characters that actually changed.</p> <h2> How it's built </h2> <ul> <li> <strong>Vue 3</strong> for the interface</li> <li> <strong>Server-side rendered at build time</strong> — every tool is a static HTML page, so it loads instantly and works even with JavaScript disabled</li> <li> <strong>Cloudflare Pages</strong> on the edge</li> <li>Lighthouse: <strong>100 Performance, 100 SEO, 100 Best Practices</strong> </li> </ul> <h2> It's free, and there's nothing to sign up for </h2> <p>If it stops you from pasting one sensitive token into a sketchy site, it's done its job.</p> <p>👉 <strong>Try it: <a href="https://devtoolskit.uvercy.com/" rel="noopener noreferrer">devtoolskit.uvercy.com</a></strong></p> <p>Now I'm curious: <strong>what's a tool you keep using online that you wish ran locally instead?</strong> Drop it in the comments — I'm actively adding tools and yours might be next.</p> webdev javascript vue productivity