🖼️ How I Built a Simple Image Combiner That Runs 100% in the Browser
Wei GuanIf you've ever needed to merge multiple screenshots into a single image — maybe for a blog post, tutorial, or app store submission — you probably know how annoyingly tedious that process can be.
Most tools are either:
Desktop-only (hello, Photoshop)
Overkill
Full of ads and watermarks
Or just… slow
I built Combine Images to solve that problem in the simplest way possible.
🛠️ Why I Built It
I'm a product manager and part-time builder. I often need to:
Combine mobile UI screenshots for feature proposals
Make long vertical scroll images for documentation
Create “before and after” grids for product showcases
Doing this manually in design tools felt heavy and slow. I just wanted something:
Lightweight
Instant
Private (runs locally, no uploads)
With a clean export
So I built one.
đź’ˇ How It Works
Combine Images is a client-side web app. That means:
No images are uploaded to any server
All processing happens in your browser
You can use it offline after the first load (thanks to service workers)
Key features:
Horizontal / Vertical / Grid layout options
Adjustable spacing and background color
Drag & drop support
Exports as PNG
No login. No watermark. No ads.
⚙️ Tech Stack
It’s built with:
Vanilla JS + HTML5 canvas for rendering
Parcel for bundling
A sprinkle of Tailwind CSS for UI
Hosted on Cloudflare Pages
I'm deliberately keeping it framework-free to make it snappy and keep the bundle size under control.
đź”— Try It Out
If you ever need to quickly combine a few images (screenshots, app UIs, flow charts), give it a try:
👉 https://combineimages.online
It’s totally free and open to feedback.
🤔 What’s Next?
A few features I’m considering:
Output to PDF
Grid layout with fixed rows/columns
Mobile-first UI improvements
Image annotation or arrows?
If you have suggestions or want to fork it into something better, I'd love to chat!
✍️ Final Thoughts
This was one of those weekend projects that actually solved a real problem I had — and it’s been fun seeing it become a part of my own daily workflow.
If you're building small tools like this, or using simple utilities to improve your dev or product workflows, I'd love to hear what works for you.
Drop your favorite “tiny web tools” in the comments 👇
Subscribe to my newsletter
Read articles from Wei Guan directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by