MARKETPLACE
PLUGINS
CUSTOM QR CODE GENERATOR
Custom QR Code Generator logo

Custom QR Code Generator

Published December 2025
   •    Updated December 2025

Plugin details

Generate fully customizable QR codes directly within your Bubble application. This lightweight plugin utilizes the robust QRious library and the HTML Canvas element to deliver fast, high-quality, and highly adaptable QR codes without relying on external APIs.
Key Features:

Customizable Design: Set foreground and background colors to match your app's branding.

Center Logo Support: Overlay a logo (e.g., your brand icon) in the center of the QR code for professional branding.

High Error Correction: Automatically uses the highest error correction level (H) when a logo is present to ensure scannability.

Responsive: Automatically sizes the QR code to fit the element's dimensions on the page.

$5

One time

stars   •   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Compendium logo
Compendium
Joined 2019   •   4 Plugins
View contributor profile

Instructions

1. Element Setup
Place the QR Code Generator element on your page.

Set the desired width and height (the element is always square).

Configure the properties in the inspector:

Data to Encode: Enter the text, URL, or dynamic data (e.g., Current User's Unique ID) that the QR code should represent.

QR Color & Background Color: Set your branding colors (hex codes).

Center Logo URL (Optional): Provide a public URL for an image (e.g., your logo). Ensure the image is square for best results.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Image   •   Payment   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble