A lightweight Chrome extension to scan and read QR codes directly in your browser. Perfect for quickly decoding QR codes from images, screenshots, or web content — no external app needed.
🔍 Scan and decode QR codes instantly from images.
🖼️ Snip QR codes directly from a webpage or documents.
📋 Copy decoded text, links, or data with one click.
🌐 Works offline — no server-side processing required.
🧩 Clean and minimal popup UI for quick access.
Demo_Video.mp4
-
Clone or download the repository:
git clone https://github.com/renuthomas/qr-code-snipper.git
-
Open Chrome and go to chrome://extensions/.
-
Enable Developer Mode (top right toggle).
-
Click Load Unpacked and select the root folder of the extension.
The extension will now appear in your toolbar — ready to use! 🚀
- Click the QR Code Snipper icon in the toolbar.
- Upload an image with a QR code or let the extension detect QR codes on the current webpage.
- The decoded result (URL, text, or data) will appear in the popup.
- Copy or open the decoded content in a new tab with a single click.
qr-code-snipper-extension/
├── manifest.json # Extension metadata
├── popup.html # Popup UI for scanning
├── popup.js # QR code scanning logic
├── popup.css # Popup styling
├── background.js # Background tasks
├── snip.js # Snip the QR code
├── jsQR.js # Read the QR code
├── assets/ # Extension iconsThis extension uses the following Chrome permissions:
activeTab– to temporarily access the current tab when the user clicks the extension.tabs– to capture the screen of the current tab and retrieve metadata like title/URL.storage– to store the history of scanned QR codes.scripting– for injecting scripts if QR detection needs to run inside the page.
- Built with Manifest V3.
- Uses a lightweight JavaScript QR decoding library (jsQR).
- Works fully offline for privacy and security.
✅ Drag-and-drop QR code images into the popup.
📤 Export decoded results as text or JSON.
🎨 Dark mode for the popup UI.
Here’s how QR Code Snipper compares to other popular Chrome QR code reader extensions:
| Feature | QR Code Reader for Google Chrome™ | QR Code Snipper ✅ |
|---|---|---|
| 🔍 How does it work | ❌ Capture the entire web page for QR code | ✅ Users can snip the QR code |
| 🌐 Reads QR codes within documents | ❌ Only via upload(should upload the image) | ✅ Direct detection(by snipping) |
| 🔑 Transparent open-source license | ❌ Proprietary | ✅ MIT + Apache 2.0 compliant |
🚀 Result: QR Code Snipper is lighter, faster, and fully private — no data ever leaves your browser.
This extension uses the open-source library jsQR developed by cozmo.
- QR Code Snipper is licensed under the MIT License (see LICENSE).
- jsQR is licensed under the Apache License 2.0 (see LICENSE-jsQR).