Full-Stack Tool

Forge — Image Toolkit

A browser-based image processing toolkit that handles cropping, resizing, compressing, format conversion, and AI-powered alt text generation — all without uploading to a server.

Technologies Used

Next.js
TypeScript
Sharp
Canvas API
Tailwind CSS
Forge — Image Toolkit

The Challenge

Designers and content teams needed a fast, privacy-safe tool to prepare images for the web without juggling multiple apps or uploading files to third-party services.

The Solution

Built a client-side Next.js app using the Canvas API and Sharp (via WASM) to process images entirely in the browser. Integrated an AI model for automatic alt text generation to improve accessibility workflows.

Results & Impact

100% client-side processing — no file uploads

Supports PNG, JPG, WebP, and AVIF conversion

AI-generated alt text for accessibility

Crop, resize, compress, and convert in one workflow