Search your photos by description without uploading them anywhere
Advanced30h1–3
Transformers.jsCLIPWebGPU
17/20On-Device Product Photo Studio
Remove backgrounds and create clean product shots without uploading images.
Intermediate14h1–2 people17/20 fit
Build On-Device Product Photo Studio for small sellers and creators in ~14h with 1–2 people. Stack: Transformers.js + Canvas + WebGPU.
Why it wins: Fast, private and the before and after is visual.
Build flow
01 · Problem
Good product photos need editing skills or paid tools that upload your images.
02 · Solution
Run a segmentation model in the browser with Transformers.js to cut out the product, then place it on clean templates with shadows.
03 · Build
- 1Load a segmentation model
- 2Apply the mask on canvas
- 3Add templates and shadow
- 4Batch export
04 · Demo
Turn a phone photo of a mug on a messy desk into a white-background listing photo.
MVP checklist
- Background removal
- Template backgrounds
- Batch processing
- No uploads
Tech stack
| Tech | Role | |
|---|---|---|
| Transformers.js | On-device ML models | AI |
| Canvas | 2D rendering | UI |
| WebGPU | GPU compute in the browser | AI |
Reference repos
Open-source projects you can build on. Links checked 2026-10-31.
Related ideas
More AIAutomatically blur personal details before you share a document
Intermediate14h1–2Tesseract.jsTransformers.jsCanvas17/20Summarizes private documents without data ever leaving the laptop
Advanced36h2–3Next.jsWebLLMWebGPU17/20