The latest articles on DEV Community by rehmanarain521-svg (@rehmanarain521svg). https://dev.to/rehmanarain521svg 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%2F4187108%2Fb1dce1d4-29ac-4bb8-ad65-619fb8e12c55.png https://dev.to/rehmanarain521svg en rehmanarain521-svg Thu, 15 Oct 2026 15:35:00 +0000 https://dev.to/rehmanarain521svg/how-i-built-browser-based-image-tools-with-vanilla-javascript-46lh https://dev.to/rehmanarain521svg/how-i-built-browser-based-image-tools-with-vanilla-javascript-46lh <h2> Why I built this </h2> <p>I wanted to build tools that respect user privacy. Most online tools upload your files to a server. I wanted to build ones that run entirely in the browser.</p> <h2> The tools </h2> <ul> <li>Image Compressor — uses HTML5 Canvas API</li> <li>Image Resizer — Canvas-based</li> <li>Image to PDF — uses jsPDF</li> <li>PDF Merger — uses pdf-lib</li> <li>SRT Editor — pure JavaScript</li> </ul> <h2> Tech stack </h2> <ul> <li>HTML/CSS/JavaScript</li> <li>jsPDF for PDF generation</li> <li>pdf-lib for PDF merging</li> <li>No backend</li> <li>No database</li> <li>No uploads</li> </ul> <h2> Try it </h2> <p>You can try it here: <a href="https://www.xmico.site" rel="noopener noreferrer">https://www.xmico.site</a></p> frontend javascript tools webdev