The latest articles on DEV Community by Abir Munjal (@abir_munjal_41e62985799c3). https://dev.to/abir_munjal_41e62985799c3 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%2F4131104%2Ffa6efa2e-66cf-4e82-bce7-c577c3a7c2d6.png https://dev.to/abir_munjal_41e62985799c3 en Abir Munjal Mon, 21 Sep 2026 08:10:02 +0000 https://dev.to/abir_munjal_41e62985799c3/i-built-16-free-browser-based-tools-so-id-stop-opening-16-different-websites-id1 https://dev.to/abir_munjal_41e62985799c3/i-built-16-free-browser-based-tools-so-id-stop-opening-16-different-websites-id1 <p>CollateKit — collatekit.com</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fozzx826rgq9au6o71we8.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fozzx826rgq9au6o71we8.png" alt="CollateKit homepage showing free browser-based developer tools" width="800" height="479"></a></p> <p>I kept doing the same thing: need to format some JSON, open a random site, squint at the ads, get my output, close the tab. Repeat for base64, repeat for regex, repeat for UUID generation. So I built one site with all of them.</p> <h3> What it does </h3> <p>16 tools, one place, everything runs client-side:</p> <ul> <li> <strong>JSON Formatter &amp; Validator</strong> — paste messy JSON, get it readable</li> <li> <strong>Regex Tester</strong> — live match highlighting as you type</li> <li><strong>Base64 Encoder/Decoder</strong></li> <li><strong>UUID Generator</strong></li> <li> <strong>Color Converter</strong> — HEX/RGB/HSL, back and forth</li> <li><strong>Word Frequency Counter</strong></li> <li><strong>Duplicate Line Remover</strong></li> <li><strong>Random Line Picker</strong></li> <li><strong>Markdown to HTML Converter</strong></li> <li>...and a handful more text-manipulation tools I kept needing myself</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdiqfxwdb1lvcvn4oimpv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdiqfxwdb1lvcvn4oimpv.png" alt="CollateKit homepage showing free browser-based developer tools" width="800" height="479"></a></p> <h3> Why client-side matters here </h3> <p>Nothing you paste gets sent anywhere. Your JSON, your regex, your text — it's processed in your browser and never touches a server. For tools like this, that's not a privacy feature I'm marketing after the fact, it's just how it should work. There's no reason a JSON formatter needs your data.</p> <h3> How it's built </h3> <ul> <li> <strong>Astro</strong> for the site — I wanted static, fast-loading pages with zero JS shipped unless a tool actually needs it</li> <li> <strong>Tailwind</strong> for styling</li> <li> <strong>Cloudflare Pages</strong> for hosting</li> </ul> <p>Astro's island architecture turned out to be a good fit for "16 independent tools" — each one only loads the JS it needs, so the JSON formatter isn't shipping code for the color converter.</p> <h3> What's next </h3> <p>Still adding tools based on what I personally keep needing. If there's a text/dev utility you reach for constantly and wish existed without ads plastered over it, tell me — genuinely taking requests.</p> <p>collatekit.com — free, no sign-up, no data leaves your browser.</p> javascript opensource webdev showdev