# Next QR Code Generator > A addon to generate Chromium-style QR codes featuring the iconic Firefox logo Canonical page: [https://chrome-stats.com/d/next-qrcode-generator](https://chrome-stats.com/d/next-qrcode-generator) ## Overview - **ID:** `next-qrcode-generator` - **Platform:** Firefox - **Type:** Firefox add-on - **Status:** Available - **Publisher:** liuliangsir - **Category:** other - **Daily users:** 27 - **Weekly downloads:** 1 - **Version:** 1.0.1 - **Last updated:** 2025-08-24 - **First published:** 2025-08-17 - **Size:** 241 KB - **Data as of:** 2026-09-10 - **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/next-qrcode-generator/) ## Description Next QR Code Generator A addon to generate Chromium-style QR codes featuring the iconic Firefox logo. 🌟 Features

Chromium-Style QR Codes: Generates QR codes with the exact same styling as Chrome's native implementation
Firefox Logo Center: Features the Firefox logo in the center of QR codes
Instant Generation: Automatically generates QR codes for the current page URL
Custom Text Support: Create QR codes for any text or URL you enter
One-Click Copy: Copy QR codes to clipboard as high-quality PNG images
Easy Download: Download QR codes with smart filename generation
Perfect Sizing: Matches Chrome's exact QR code dimensions and styling
Dark Mode Support: Seamlessly integrates with your browser's theme

🚀 Installation From Firefox Add-ons Store You can install the extension directly from the Firefox Add-ons Store. Manual Installation (Development)

Clone the repository

bash
   git clone https://github.com/chromium-style-qrcode/next-qrcode-generator.git
   cd next-qrcode-generator

Install dependencies

bash
   pnpm install

Build the extension

bash
   pnpm build

Load in Firefox
Open Firefox and navigate to about:debugging#/runtime/this-firefox
Click "Load Temporary Add-on"
Select the manifest.json file from the .output/firefox-mv2 folder

🎯 Usage

Access the Extension: Click the QR code icon in your browser's toolbar
Auto-Fill Current URL: The extension automatically loads the current page's URL
Custom Text: Replace the URL with any text you want to convert to a QR code
Copy to Clipboard: Click the "Copy" button to copy the QR code as an image
Download: Click "Download" to save the QR code as a PNG file

🛠️ Technology Stack

Framework: WXT - Modern web extension framework
Frontend: React 19 + TypeScript
Styling: Tailwind CSS 4.0 + Radix UI components
QR Generation: WebAssembly (WASM) module for Chromium-exact QR code generation
Build System: Vite + Rollup
Package Manager: pnpm

🔧 Development Prerequisites

Node.js ≥ 24.3.0
pnpm ≥ 10.12.4

Development Commands

# Start development server
pnpm dev

# Build for production
pnpm build

# Create distribution zip
pnpm zip

# Type checking
pnpm compile

# Format code
pnpm format

Project Structure

src/
├── components/
│   └── ui/           # Reusable UI components
├── hooks/
│   ├── use-qrcode.ts # QR code generation logic
│   └── use-dark-mode.ts
├── lib/
│   ├── wasm-loader.ts    # WASM module loader
│   └── utils.ts
├── popup/
│   ├── App.tsx       # Main popup component
│   └── main.tsx      # Entry point
├── providers/
│   └── theme.tsx     # Theme provider
├── styles/
│   └── base.css      # Global styles
└── types/            # TypeScript type definitions

🎨 Features in Detail Chromium-Exact QR Generation The extension uses a WebAssembly module that replicates Chrome's native QR code generation algorithm, ensuring:

Identical visual appearance to Chrome's built-in QR codes
Same module styling (circles vs squares)
Rounded locator patterns
Exact sizing and margins

Smart Filename Generation Downloaded QR codes automatically get meaningful filenames:

qrcode_example.com.png for domain names
qrcode_firefox.png for other content

Accessibility

Full keyboard navigation support
Screen reader compatible
High contrast mode support
Proper ARIA labels and descriptions

🚀 Releases This project uses automated releases through GitHub Actions. Creating a Release

# Stable release (publish to store)
pnpm version 1.0.0
git push origin main
git push origin 1.0.0

# Pre-release (GitHub only)
pnpm version prerelease --preid='[alpha｜beta|rc]'
git push origin main
git push origin 1.0.0-alpha.0

Version Types

Stable (1.0.0): Auto-published to Firefox Add-ons Store
Alpha/Beta/RC (1.0.0-alpha.0): GitHub releases only for testing

🤝 Contributing Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change. Development Guidelines

Follow the existing code style
Add TypeScript types for new features
Test on Firefox
Update documentation as needed

📄 License This project is licensed under the MIT License - see the LICENSE file for details. 🙏 Acknowledgments

Chrome team for the original QR code implementation
WXT for the excellent extension framework
Radix UI for accessible components
Tailwind CSS for styling utilities

📞 Support If you encounter any issues or have questions:

Open an issue on GitHub

## Rankings - #21,482 — Overall - #61 — generator - #78 — code - #111 — codes - #121 — coding - #124 — generative ## Permissions and access ### Permissions - `activeTab` - `storage` ## Safety - **Risk impact:** Very low risk impact - **Risk likelihood:** Moderate risk likelihood ### Analysis details - This extension has low user count. Unpopular extensions may not be stable or safe. > Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing). ## Similar extensions and apps - [Advanced QR Code Generator - by Qrved](https://chrome-stats.com/d/advanced-qr-code-generator) — 5 users, 5.00 / 5 - [QR Code Share](https://chrome-stats.com/d/qr-code-share) — 7 users, 5.00 / 5 - [QR Code for Firefox](https://chrome-stats.com/d/qrcode) — 418 users, 3.67 / 5 - [QR Code](https://chrome-stats.com/d/qr-code-2) — 5,152 users, 4.43 / 5 - [LinkQR](https://chrome-stats.com/d/link-qr) — 32 users - [QR Code Generator](https://chrome-stats.com/d/qr-code-generator-ai) — 5 users - [QR Coder by chall3ng3r](https://chrome-stats.com/d/qr-coder-chall3ng3r) — 5 users - [QR Code Util](https://chrome-stats.com/d/qr-code-util) — 1,754 users, 4.36 / 5 - [QR Code Scanner & Generator](https://chrome-stats.com/d/qr-code-scanner-generator) — 610 users, 2.33 / 5 - [FF QR Generator Pro](https://chrome-stats.com/d/ff-qr-generator-pro) — 2 users - [Generate QR codes](https://chrome-stats.com/d/generate-qr-codes) — 2 users, 4.50 / 5 - [QR Code Generator (Instant)](https://chrome-stats.com/d/qr-code-generator-instant) --- Source: [Chrome-Stats](https://chrome-stats.com/d/next-qrcode-generator)