DEV Community

Cover image for Building a 100% Client-Side PDF & Image Studio (Zero Server Uploads) 🚀
Shawn Goyena
Shawn Goyena

Posted on

Building a 100% Client-Side PDF & Image Studio (Zero Server Uploads) 🚀

Hey everyone! 👋

As a CS student, I constantly need to merge PDFs, compress images, or extract text from modules. But I always hated uploading my personal documents to ad-filled, sketchy websites where you don't know what happens to your data.

So, I decided to build my own solution: OmniKit

OmniKit is a completely free, privacy-first web toolkit with over 30+ utilities. The biggest catch? Everything runs 100% locally in your browser. >

🛠️ The Tech Stack
I wanted to keep it lightweight and blazing fast:

  • Frontend: Vanilla JavaScript & HTML5
  • Styling: Tailwind CSS (with seamless Dark Mode)
  • PDF Processing: pdf-lib for client-side manipulation

AI / Image Tools: WebAssembly and local browser APIs for background removal and OCR.

Hosting: Vercel

Because there is absolutely no backend processing, there are zero server uploads. Your files never leave your device.

**🔍 Looking for Beta Testers!
**I'm doing a soft launch today and I would love to get some feedback from fellow developers before sharing it with a wider audience.

  • How does the UI/UX feel?
  • Did you encounter any bugs with the client-side processing?
  • What other offline tools would you like to see added?

You can try it here: https://omnikit-tools.vercel.app/

I'd appreciate any honest feedback, code critiques, or suggestions. Thank you! 👨‍💻

Top comments (0)