[{"data":1,"prerenderedAt":37},["ShallowReactive",2],{"4595588":3},{"type_of":4,"id":5,"title":6,"description":7,"readable_publish_date":8,"slug":9,"path":10,"url":11,"comments_count":12,"public_reactions_count":12,"collection_id":13,"published_timestamp":14,"language":15,"subforem_id":16,"ai_disclosure_level":17,"ai_disclosure_label":18,"positive_reactions_count":12,"cover_image":19,"social_image":20,"canonical_url":11,"created_at":14,"edited_at":13,"crossposted_at":13,"published_at":14,"last_comment_at":14,"reading_time_minutes":21,"tag_list":22,"tags":23,"body_html":28,"body_markdown":29,"user":30},"article",4595588,"I got tired of pasting my API tokens into random websites, so I built 30 dev tools that run 100% in your browser","Picture the last time you needed to decode a JWT. You Googled \"jwt decoder,\" clicked the first...","Sep 7","i-got-tired-of-pasting-my-api-tokens-into-random-websites-so-i-built-30-dev-tools-that-run-100-in-3poi","/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",0,null,"2026-09-07T11:46:10Z","en",1,"not_disclosed","Not Disclosed","https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fafrt0vqg241x94s0ymj4.png","https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fafrt0vqg241x94s0ymj4.png",2,"webdev, javascript, vue, productivity",[24,25,26,27],"webdev","javascript","vue","productivity","\u003Cp>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 \u003Cem>live\u003C/em> one — into a text box on a server you know nothing about.\u003C/p>\n\n\u003Cp>That moment bugged me for years. So I built \u003Ca href=\"https://devtoolskit.uvercy.com/\" target=\"_blank\" rel=\"noopener noreferrer\">DevTools Kit\u003C/a>: 30 everyday developer utilities that do all their work \u003Cstrong>inside your browser\u003C/strong>. Nothing you paste is ever sent anywhere. No sign-up, no ads, no analytics watching you.\u003C/p>\n\n\u003Ch2>\n  \u003Ca name=\"the-one-rule-your-data-never-leaves-your-machine\" href=\"#the-one-rule-your-data-never-leaves-your-machine\">\n  \u003C/a>\n  The one rule: your data never leaves your machine\n\u003C/h2>\n\n\u003Cp>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.\u003C/p>\n\n\u003Ch2>\n  \u003Ca name=\"whats-inside\" href=\"#whats-inside\">\n  \u003C/a>\n  What's inside\n\u003C/h2>\n\n\u003Cp>\u003Cstrong>Formatters\u003C/strong> — JSON, XML, HTML, CSS, SQL\u003Cbr>\n\u003Cstrong>Converters\u003C/strong> — Base64, URL, HTML entities, YAML ↔ JSON, CSV ↔ JSON, JSON → TypeScript\u003Cbr>\n\u003Cstrong>Decoders\u003C/strong> — JWT decoder, Base64, URL\u003Cbr>\n\u003Cstrong>Generators\u003C/strong> — UUID, Lorem Ipsum, hashes, Unix timestamps\u003C/p>\n\n\u003Cp>And the one I'm most proud of:\u003C/p>\n\n\u003Cp>\u003Cstrong>Code Compare\u003C/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.\u003C/p>\n\n\u003Ch2>\n  \u003Ca name=\"how-its-built\" href=\"#how-its-built\">\n  \u003C/a>\n  How it's built\n\u003C/h2>\n\n\u003Cul>\n\u003Cli>\n\u003Cstrong>Vue 3\u003C/strong> for the interface\u003C/li>\n\u003Cli>\n\u003Cstrong>Server-side rendered at build time\u003C/strong> — every tool is a static HTML page, so it loads instantly and works even with JavaScript disabled\u003C/li>\n\u003Cli>\n\u003Cstrong>Cloudflare Pages\u003C/strong> on the edge\u003C/li>\n\u003Cli>Lighthouse: \u003Cstrong>100 Performance, 100 SEO, 100 Best Practices\u003C/strong>\n\u003C/li>\n\u003C/ul>\n\n\u003Ch2>\n  \u003Ca name=\"its-free-and-theres-nothing-to-sign-up-for\" href=\"#its-free-and-theres-nothing-to-sign-up-for\">\n  \u003C/a>\n  It's free, and there's nothing to sign up for\n\u003C/h2>\n\n\u003Cp>If it stops you from pasting one sensitive token into a sketchy site, it's done its job.\u003C/p>\n\n\u003Cp>👉 \u003Cstrong>Try it: \u003Ca href=\"https://devtoolskit.uvercy.com/\" target=\"_blank\" rel=\"noopener noreferrer\">devtoolskit.uvercy.com\u003C/a>\u003C/strong>\u003C/p>\n\n\u003Cp>Now I'm curious: \u003Cstrong>what's a tool you keep using online that you wish ran locally instead?\u003C/strong> Drop it in the comments — I'm actively adding tools and yours might be next.\u003C/p>\n\n","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 *live* one — into a text box on a server you know nothing about.\n\nThat moment bugged me for years. So I built [DevTools Kit](https://devtoolskit.uvercy.com/): 30 everyday developer utilities that do all their work **inside your browser**. Nothing you paste is ever sent anywhere. No sign-up, no ads, no analytics watching you.\n\n## The one rule: your data never leaves your machine\n\nThis 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.\n\n## What's inside\n\n**Formatters** — JSON, XML, HTML, CSS, SQL\n**Converters** — Base64, URL, HTML entities, YAML ↔ JSON, CSV ↔ JSON, JSON → TypeScript\n**Decoders** — JWT decoder, Base64, URL\n**Generators** — UUID, Lorem Ipsum, hashes, Unix timestamps\n\nAnd the one I'm most proud of:\n\n**Code Compare** — 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.\n\n## How it's built\n\n- **Vue 3** for the interface\n- **Server-side rendered at build time** — every tool is a static HTML page, so it loads instantly and works even with JavaScript disabled\n- **Cloudflare Pages** on the edge\n- Lighthouse: **100 Performance, 100 SEO, 100 Best Practices**\n\n## It's free, and there's nothing to sign up for\n\nIf it stops you from pasting one sensitive token into a sketchy site, it's done its job.\n\n👉 **Try it: [devtoolskit.uvercy.com](https://devtoolskit.uvercy.com/)**\n\nNow I'm curious: **what's a tool you keep using online that you wish ran locally instead?** Drop it in the comments — I'm actively adding tools and yours might be next.",{"name":31,"username":32,"twitter_username":13,"github_username":13,"user_id":33,"website_url":34,"profile_image":35,"profile_image_90":36},"Fazal Abbas","fazal_abbas",4112220,"https://fazalabbas.pages.dev","https://media2.dev.to/dynamic/image/width=640,height=640,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4112220%2F43095edb-1b01-4ba6-a85e-cd0d8d91c784.png","https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4112220%2F43095edb-1b01-4ba6-a85e-cd0d8d91c784.png",1788921586526]