The latest articles on DEV Community by Chison She (@chison_she_90dc66b15a87c0). https://dev.to/chison_she_90dc66b15a87c0 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%2F4021544%2Fd5824bb1-251f-4bd7-8510-b958af9e3a12.png https://dev.to/chison_she_90dc66b15a87c0 en Chison She Wed, 08 Jul 2026 14:42:45 +0000 https://dev.to/chison_she_90dc66b15a87c0/i-built-a-free-website-with-380-browser-based-developer-tools-5ge4 https://dev.to/chison_she_90dc66b15a87c0/i-built-a-free-website-with-380-browser-based-developer-tools-5ge4 <p>Over the past few weeks, I built a collection of free, browser-based developer tools. Everything runs client-side with zero backend - your data never leaves your browser.</p> <h2> What is included (380+ tools): </h2> <ul> <li> <strong>Text tools</strong>: word counter, case converter, diff checker, slug generator</li> <li> <strong>Encoding</strong>: Base64, URL encode/decode, HTML entities</li> <li> <strong>Crypto</strong>: hash generators (MD5, SHA-256, SHA-512), HMAC generator</li> <li> <strong>Generators</strong>: passwords, UUIDs, QR codes, lorem ipsum</li> <li> <strong>Formatters</strong>: JSON, XML, CSS, SQL, YAML</li> <li> <strong>Network</strong>: URL parser, IP lookup, HTTP headers</li> <li> <strong>Converters</strong>: color formats, number bases, timestamps, units</li> <li> <strong>CSS tools</strong>: gradient generators, flexbox playground, border radius</li> <li> <strong>HTML tools</strong>: button generator, iframe generator, meta tag generator</li> <li>And many more...</li> </ul> <h2> Key features: </h2> <ul> <li>No signup or login required</li> <li>No data sent to any server - everything runs in your browser</li> <li>Works offline once loaded</li> <li>Supports English and Chinese</li> <li>Built with vanilla HTML/JS, no frameworks</li> </ul> <h2> Tech stack: </h2> <p>Pure frontend - HTML + vanilla JavaScript. Hosted on GitHub Pages. Zero backend, zero dependencies, zero tracking. Every tool is a standalone page that works independently.</p> <p><strong>Link</strong>: <a href="https://webtools-cn.github.io/tools-site/" rel="noopener noreferrer">https://webtools-cn.github.io/tools-site/</a></p> <p>I would love to hear what tools you would find useful or what is missing. Always adding new ones based on feedback!</p> <p><em>If you find this useful, consider sharing it with other developers who might benefit from free, privacy-respecting tools.</em></p> productivity showdev tools webdev