GridSnap - Photo Collage Maker

A minimalist Chrome extension for creating stunning photo collages. Right-click any image on the web, arrange in grid layouts, and export in HD.

Installation • Features • Usage • Privacy

---

Features

• 🖱️ Right-click to collect images from any webpage
• 🎨 6 grid templates (Single, Split V/H, 2×2, 3×3, Hero Left)
• 📐 Drag & zoom for precise positioning
• 📏 Adjustable gap & corners (0-60px)
• 📱 Social media presets (4:5, 1:1, 16:9)
• 💾 HD export as PNG
• ⌨️ Keyboard shortcuts (Space to fit, Arrow keys to pan, Delete to remove)

Installation

Chrome Web Store

Install from Chrome Web Store (Under review)

Build from Source

git clone https://github.com/wangxiaosu/grid-snap.git
cd grid-snap
npm install
npm run build

Load dist/ folder in Chrome via chrome://extensions (Developer mode).

Usage

1. Click the GridSnap icon in toolbar to open side panel
2. Right-click any image → "📌 Add to GridSnap"
3. Click a canvas cell, then click a collected image
4. Drag to reposition, scroll to zoom
5. Adjust gap/corners, then Export

Shortcuts: Space to fit | Arrow keys to pan | Delete to remove

Tech Stack

React 18 • TypeScript • Tailwind CSS • Vite • Chrome Extension Manifest V3

Development

npm run dev    # Watch mode
npm run build  # Production build
npm run zip    # Package for Chrome Web Store

Privacy

GridSnap does NOT collect or transmit any user data. All images are stored locally in your browser. See Privacy Policy for details.

License

MIT License - See LICENSE for details.

---

Made by Kyro for creators who love minimalism.