grid-snap
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
- Click the GridSnap icon in toolbar to open side panel
- Right-click any image → “📌 Add to GridSnap”
- Click a canvas cell, then click a collected image
- Drag to reposition, scroll to zoom
- 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.