Inspiration
Whenever I needed to perform a quick task like converting an iPhone HEIC photo, compressing a PDF for a government portal, or minifying a CSS file, I was forced to use search engines to find utility sites. Almost all of them were bloated with pop-up ads or redirect traps or, worse, forced me to upload my sensitive personal files (like bank statements or personal photos) to their private servers. I wanted to build a developer-friendly, privacy-first alternative where files never leave the local device.
What it does
UtilVox is a comprehensive suite of 170+ free online tools categorized across PDF utilities, image editors, financial calculators, and developer tools. Because we process files entirely in the client-side browser cache using JavaScript and WebAssembly (WASM), UtilVox provides:
- 100% Data Privacy: Files are never uploaded to any server.
- Instant Processing: Zero network upload/download lag.
- Zero Sign-Ups or Ads: Distraction-free, fast, and completely free.
How I built it
The frontend architecture is built using Next.js 14 and TypeScript for fast static generation and type safety. For high-performance file operations that typically require backend servers (such as compressing PDFs or converting HEIC images), we compiled optimized C++ and Rust libraries into WebAssembly to run directly inside the browser's JavaScript runtime. The styling is completely custom-styled using Tailwind CSS to match light and dark themes smoothly.
Challenges I ran into
The biggest challenge was optimizing WebAssembly memory allocation. Compiling native image/document compression libraries into WASM meant managing local memory limits inside a browser tab. We had to implement strict memory release cycles and chunking mechanisms in JavaScript to ensure that converting large batches of heavy files does not crash the browser's thread.
Accomplishments that I'm proud of
What I learned
We learned that client-side processing is a massive superpower. Not only does it protect user privacy completely, but it also eliminates cloud hosting and server processing costs, allowing us to offer the entire suite for free to everyone globally.
Built With
- css3
- html5
- javascript
- next.js
- react
- tailwind-css
- typescript
- vercel
- webassembly
