The latest articles on DEV Community by HARISHCEXPERT (@harishcexpert). https://dev.to/harishcexpert 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%2F4006426%2F2a024613-4d11-4094-bbc5-2e251ed1c819.png https://dev.to/harishcexpert en HARISHCEXPERT Sun, 28 Jun 2026 11:36:20 +0000 https://dev.to/harishcexpert/i-built-81-free-browser-based-tools-in-vanilla-js-no-login-no-server-no-bs-563m https://dev.to/harishcexpert/i-built-81-free-browser-based-tools-in-vanilla-js-no-login-no-server-no-bs-563m <p>A few months ago I got tired of googling "free JSON formatter" <br> and landing on sites that want my email, show 4 popups, and <br> probably log everything I paste.</p> <p>So I built my own.</p> <h2> What I built </h2> <p><strong>FreeToolHub</strong> — 81 browser-based tools that run entirely <br> on your device.</p> <p>👉 <a href="https://freetoolhub.app" rel="noopener noreferrer">https://freetoolhub.app</a></p> <p>No login. No server. No data collection. Just open and use.</p> <h2> What's inside </h2> <p><strong>Developer tools</strong></p> <ul> <li>JSON Formatter, Validator, Minifier</li> <li>Regex Tester with live highlighting</li> <li>JWT Decoder</li> <li>Base64 Encode/Decode</li> <li>Hash Generator (MD5, SHA-256, SHA-512)</li> <li>UUID Generator</li> <li>Unix Timestamp Converter</li> <li>And 12 more...</li> </ul> <p><strong>Finance calculators</strong></p> <ul> <li>EMI Calculator with amortization schedule</li> <li>GST Calculator (Indian tax slabs)</li> <li>SIP, FD, RD, Compound Interest</li> <li>Salary Converter</li> </ul> <p><strong>Text utilities, SEO tools, Image tools</strong> — 40+ more</p> <h2> Tech stack </h2> <p>Pure vanilla JS. No React, no framework.</p> <p>Single <code>main.js</code> file registers all 81 tools using a simple <br> pattern:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight javascript"><code><span class="nc">T</span><span class="p">(</span><span class="dl">'</span><span class="s1">dev</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">json-formatter</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">JSON Formatter</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">Beautify, minify &amp; sort JSON.</span><span class="dl">'</span><span class="p">,</span> <span class="nx">mount</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="cm">/* render function */</span> <span class="p">});</span> </code></pre> </div> <p>Each tool is a render function that gets a DOM mount point. <br> The router reads the URL and calls the right function.</p> <h2> Why no framework? </h2> <ul> <li>Zero build step</li> <li>Instant load — no JS bundle to parse</li> <li>Works offline after first load</li> <li>Deploying is just <code>git push</code> </li> </ul> <h2> What I learned </h2> <ol> <li> <strong>Vanilla JS is underrated</strong> — for tool sites, it's faster and simpler than any framework</li> <li> <strong>Browser APIs are powerful</strong> — Canvas, Web Crypto, FileReader, Web Speech — all used without any library</li> <li> <strong>SEO for JS sites is hard</strong> — still working on this</li> </ol> <h2> What's next </h2> <ul> <li>More India-specific tools</li> <li>PWA support</li> <li>Google AdSense (once traffic picks up)</li> </ul> <p>Would love feedback — broken tools, missing features, <br> anything that feels off.</p> <p><strong>freetoolhub.app</strong> — try it, it's free forever.</p> webdev javascript opensource showdev