QuickShot 📸

Capture. Crop. Copy. Done.
A lightweight Chrome extension for taking quick, distraction free screenshots.

Features

• 📸 Select any area of the current webpage
• 🌑 Dimmed overlay for precise selection
• ✨ Live selection preview
• 📋 Copy screenshots directly to your clipboard
• 💾 Download screenshots as PNG
• ❌ Press Esc anytime to cancel
• ⚡ Lightweight and fast
• 🔒 Works completely locally — no uploads or tracking

---

Installation

Since QuickShot isn't published on the Chrome Web Store yet, install it manually.

1. Clone this repository

git clone https://github.com/YOUR_USERNAME/quickshot.git

2. Open Chrome and go to:

chrome://extensions

3. Enable Developer mode.

4. Click Load unpacked.

5. Select the project folder.

6. Pin the extension from Chrome's toolbar.

You're ready to go.

---

Building from Source

QuickShot uses esbuild to bundle and minify the source files.

1. Install dependencies:

npm install

2. Build the extension:

npm run build

Output goes to the dist/ folder. Load this folder as an unpacked extension in Chrome.

3. Watch for changes during development:

npm run watch

The built extension in dist/ is self-contained — you don't need the source files to use it.

---

Usage

1. Click the QuickShot extension icon.

2. Choose Screenshot.

3. Drag to select the desired area.

4. Release the mouse.

5. Choose to:

   • 📋 Copy to clipboard
   • 💾 Download
   • ❌ Cancel

---

Project Structure

quickshot/
│
├── manifest.json
├── popup/
│   ├── popup.html
│   ├── popup.css
│   └── popup.js
│
├── scripts/
│   ├── content.js
│   ├── background.js
│   └── ...
│
├── assets/
│   ├── banner.png
│   ├── demo.gif
│   └── icons/
│
└── README.md

---

Built With

• HTML
• CSS
• JavaScript
• Chrome Extension Manifest V3
• Chrome Extension APIs
• Canvas API

---

Roadmap

• Area selection
• Live selection preview
• Download screenshots
• Copy to clipboard
• Cancel with Escape

• Settings page
• Theme support

• Screen recording
• Annotation tools
• MP4 Export

---

Contributing

Found a bug or have an idea?

Feel free to open an issue or submit a pull request.

---

License

MIT

---

Made with ☕ and too many mouse events.