https://jo56.github.io/image-collage

Simple tool for creating collages out of multiple images. The images can be manipulated and cut apart like regular photographs. Try to see what other kinds of images you can create.

npm install

npm run dev

npm run build

1. Upload Images: Click "Upload File" to add images to your canvas
2. Move Images: Select "Move" mode and drag images around. Click an image to bring it to the front
3. Resize Images: Select "Resize" mode and drag to scale images
4. Cut Shapes: Select "Cut" mode, click and drag to draw a shape across one or more images. When you release, a new cutout is created
5. Erase: Select "Erase" mode and drag to remove parts of images
6. Pan Canvas: Click and drag empty space to move the viewport
7. Zoom: Use mouse wheel to zoom in/out

• React + TypeScript - UI framework
• Vite - Build tool
• Pts.js - Canvas rendering and interactions

MIT