Skip to content

labrat-0/QRNest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 

Repository files navigation

🐀 QR_Nest

🚀 A modern, lightweight browser extension for creating, customizing, and managing QR codes.

QRNest Logo

🌐 Available Web Stores

Chromium Web Store


⏳ Coming Soon

Firefox Add-ons

✨ Features

📱 QR Code Content Types

  • 🔗 Generate QR codes for URLs
  • 📝 Create plain text QR codes
  • 📶 Generate Wi-Fi network configuration QR codes
  • 👤 Create contact information QR codes (vCard)
  • 📧 Generate email QR codes with subject and body
  • 💬 Create SMS QR codes with message

🎨 Customization Options

  • 🖌️ Choose foreground and background colors
  • 🛡️ Adjust QR code error correction level
  • 📏 Customize QR code size
  • 🖼️ Add logo/image overlay to QR codes 🚧WiP🚧
  • 🌙 Dark mode support

📤 Export & Sharing

  • 📋 Copy QR codes directly to your clipboard
  • 📥 Download QR codes as PNG with adjustable sizes
  • 🔄 Download QR codes as SVG for vector quality
  • 🔎 Choose transparent background option

🌐 Browser Integration

  • 🖱️ Right-click context menu to generate QR for any link
  • ✂️ Right-click to create QR code from selected text

📚 Organization

  • 🏷️ Categorize with tags for easy organization
  • 🔄 Drag and drop to reorder saved QR codes

🚀 Usage

  1. 🔘 Click the QR Nest icon in your browser toolbar
  2. 📋 Select a QR code type (URL, text, Wi-Fi, contact, email, SMS)
  3. ✏️ Enter the required information
  4. 🎯 Click "Generate QR Code" to create your QR code
  5. 🎨 Customize appearance using the "Customize" button
  6. 📤 Copy or download the QR code using the buttons below
  7. 💾 Optionally save QR codes for later use with "Save"

⌨️ Keyboard Shortcut

  • Depends on current user settings, but should be Ctrl + Shift + Q

🖱️ Context Menu

  • Right-click on any link and select "Generate QR code for this link"
  • Right-click on a page and select "Generate QR code for this page"
  • Select text, right-click, and select "Generate QR code for selected text"

🚧 Known Limitations & Work in Progress

  • 🖼️ Save QR codes with thumbnails for quick reference
    ⚠️ Currently, thumbnails are not preserved after reloading the extension.

  • 🔍 Search through saved QR codes by content, type, or tags
    ⚠️ Tag-based search is still under development and may not function as expected.

We're actively working on improving these features. Stay tuned for updates!

💻 Development

QR Nest is built using:

  • 🌐 HTML, CSS, and JavaScript
  • 📊 QRCode.js for QR code generation
  • 🎨 Spectrum for color picker functionality
  • 🧩 Chrome/Firefox extension APIs

📥 Installation

🔵💻 Chrome (Google Chrome)

  1. 📥 Download the extension files (e.g., from GitHub)
  2. 🌐 Open Chrome and go to chrome://extensions/
  3. ⚙️ Enable Developer mode (top-right corner)
  4. 📂 Click "Load unpacked"
  5. 📁 Select the extension folder (e.g., QR Nest)

🟣🧭 Edge (Microsoft Edge)

  1. 📥 Download the extension files
  2. 🌐 Open Edge and go to edge://extensions/
  3. ⚙️ Enable Developer mode (bottom-left corner)
  4. 📂 Click "Load unpacked"
  5. 📁 Select the extension folder (same as Chrome)

🧩💡 Tip: One Extension, Two Browsers

Both Chrome and Edge are built on Chromium, so you can use the same extension files in either browser. Choose whichever one you like — setup is identical!

📝 Feedback & Support

Found a bug? Have a feature request? We'd love to hear from you!

🙏 Credits

Created with ❤️ by Mick Donahue | LabRat

Find me on GitHub: @labrat-0


© 2023 QR Nest. All rights reserved.

About

A modern, lightweight browser extension for creating, customizing, and managing QR codes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published