How I Built a Free AI Image Tool That Runs 100% in the Browser (No Server Needed)

pirate_haizei — Fri, 03 Jul 2026 03:51:14 +0000

I recently built a free online image processing tool that runs entirely in the browser.
No uploads, no servers, no sign-ups. Here's how it works under the hood. https://img.aixiaot.com

The Problem
Most online image tools require uploading your photos to someone else's server. 
This raises privacy concerns and limits file sizes. I wanted to build something 
that processes everything locally.

Tech Stack
- Next.js for the frontend
- TensorFlow.js + Real-ESRGAN for AI upscaling
- @imgly/background-removal for AI background removal
- Tesseract.js for OCR
- Canvas API for compression, resizing, format conversion

Features
• AI Background Removal - one click, works for portraits, products, animals
• Image Compression - reduce file size up to 96%
• Format Conversion - JPG, PNG, WebP
• ID Photo Maker - passport and visa photos with customizable backgrounds
• AI Image Upscaler - 2x to 8x with Real-ESRGAN
• OCR - extract text from images, 20+ languages
• Image Resizer - enlarge or shrink

Architecture
All processing happens client-side using WebAssembly and the Canvas API. 
When you upload an image, it never leaves your device. The AI models 
(background removal, upscaling) run locally in your browser using 
TensorFlow.js and ONNX Runtime Web.

Open Source
The entire project is open source under AGPL v3. 
You can find it on GitHub: https://github.com/haizeigh/ai-image-tools

Try It
https://img.aixiaot.com

I'd love to hear your feedback! What features would you add?

DEV Community: pirate_haizei

How I Built a Free AI Image Tool That Runs 100% in the Browser (No Server Needed)