The latest articles on DEV Community by jinyuan mei (@jinyuan_mei_1d87a05ae6c7e). https://dev.to/jinyuan_mei_1d87a05ae6c7e 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%2F4072100%2F164ac69e-d893-4428-975f-a3ae466f2f1d.png https://dev.to/jinyuan_mei_1d87a05ae6c7e en jinyuan mei Tue, 11 Aug 2026 00:16:53 +0000 https://dev.to/jinyuan_mei_1d87a05ae6c7e/i-built-75-free-developer-tools-heres-what-i-learned-393g https://dev.to/jinyuan_mei_1d87a05ae6c7e/i-built-75-free-developer-tools-heres-what-i-learned-393g <p>Hey everyone! I'm jinyuan, an indie developer. I recently launched <a href="https://www.tdboxs.com" rel="noopener noreferrer">DevTools Box</a> — a free online toolbox with 75+ developer tools.</p> <h2> What's in the box? </h2> <p>DevTools Box includes tools like:</p> <ul> <li> <strong>JSON Formatter</strong> — beautify and validate JSON</li> <li> <strong>Regex Tester</strong> — test regular expressions with live matching</li> <li> <strong>Base64 Encoder/Decoder</strong> — quick encoding and decoding</li> <li> <strong>QR Code Generator</strong> — generate QR codes instantly</li> <li> <strong>Hash Calculator</strong> — MD5, SHA-1, SHA-256 and more</li> <li> <strong>Color Picker</strong> — pick colors and convert between formats</li> <li>...and 69 more tools!</li> </ul> <h2> Why I built it </h2> <p>I was tired of jumping between different websites for simple dev tasks. Each tool runs entirely in your browser — no login, no ads, no data sent to any server.</p> <h2> Tech stack </h2> <ul> <li>Next.js 14 with App Router</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>Static export to Cloudflare Pages</li> </ul> <h2> Try it out </h2> <p>Check it out at <a href="https://www.tdboxs.com" rel="noopener noreferrer">tdboxs.com</a>. All tools are 100% free.</p> <p>Would love to hear your feedback! What tools would you add?</p> webdev javascript productivity beginners