QrPluse is a client-side JavaScript component designed to generate and manage QR codes and barcodes dynamically within web and low-code applications such as OutSystems. It provides a complete solution for creating, customizing, exporting, and storing machine-readable codes without requiring any server-side processing.
At its core, QrPluse allows users to input text, URLs, or numeric values and instantly generate a scannable QR code or barcode in real time. The rendering is handled entirely in the browser using JavaScript, ensuring fast performance and seamless user experience.
A key feature of the asset is size customization. Users can select predefined sizes (e.g., 100px, 200px, 300px) or dynamically control dimensions, making it suitable for responsive designs and multiple use cases such as mobile displays, print layouts, or embedded UI components.
QrPluse also supports foreground and background color customization, enabling developers to align generated codes with branding requirements. Users can define color values through input controls, ensuring flexibility while maintaining scan reliability (e.g., dark foreground with light background).
Another important capability is Base64 encoding. The generated QR or barcode can be converted into a Base64 string directly in JavaScript. This allows:
The asset further includes a download feature, allowing users to export the generated code as an image file (typically PNG or SVG). This is implemented using browser APIs (Canvas or SVG serialization), enabling one-click downloads without backend involvement.
QrPluse is designed to be lightweight, reusable, and easy to integrate. It works well within dynamic environments where elements are rendered asynchronously, and includes handling for DOM readiness and event binding.
Overall, QrPluse provides a flexible and efficient way to generate and manage QR codes and barcodes with full control over appearance, export, and storage—all powered by JavaScript.