# QR Code - multi-style , fully integrated in Elements

**URL:** https://forums.realmacsoftware.com/t/qr-code-multi-style-fully-integrated-in-elements/56671
**Category:** Elements Store
**Created:** [June 15, 2026, 3:41pm UTC](https://forums.realmacsoftware.com/t/qr-code-multi-style-fully-integrated-in-elements/56671 "2026-06-15T15:41:24Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)
#### Post date: [June 15, 2026, 3:41pm UTC](https://forums.realmacsoftware.com/t/qr-code-multi-style-fully-integrated-in-elements/56671/1 "2026-06-15T15:41:24Z")

</div>

Hi guys, here is a new component called [QR CODE](https://www.multithemes.com/elements/components/qr-code/) for Elements

A useful component to add to your site effective tools for communicating information of any kind on Desktop

[![qr-code_multithemes_001](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/5/555626c5d25e58219a531a9245632ef73d9a30d1.webp)](https://www.multithemes.com/elements/components/qr-code/)

A QR code that actually looks like part of your site. QR Code for Elements generates fully styled, scannable codes directly on your page: colors from your theme palette, gradients, custom corner styles, rounded or dot-shaped modules. The same code can feel minimal and technical or bold and graphic, depending on how you style it.

### 10 Options (+ Obscured Email)

[![qr-code_multithemes_003](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/c/9c9240db6b66d4f43fa5beaf16fda752f4391e55.webp)](https://www.multithemes.com/elements/components/qr-code/types/)

![qr-panel-type](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/7/27656ffcd2522183ccefe92a3940e0da371448be.gif)

A **built-in** ⚙🛠 **JavaScript** library handles all the generation, with **no external dependencies.** Everything is controlled from the inspector.

### Features

[![qr-code_multithemes_004](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/3/933e1adaf5821993794283a035a6154c54251d37.webp)](https://www.multithemes.com/elements/components/qr-code/features/)

The demo pages show what’s possible: individual codes styled from scratch, real-world banner layouts where the code is integrated into the design, and a few examples [using CSS blend modes](https://www.multithemes.com/elements/components/qr-code/demos/) to make the colors interact with the background. [![qr-code_multithemes_006](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/9/89376ddd756601a03ca8b10e1ce196e860d2a760.webp)](https://www.multithemes.com/elements/components/qr-code/demos/)

**Key features:**

**Ten content types:** URL, phone, WhatsApp, email, V-Card, text, WiFi, SMS, calendar event, GPS coordinates.

**Email bot protection:** address split into two parts, never visible in full in the page source. Email encoding includes a built-in bot protection option that splits the address into two parts, invisible to scrapers, fully functional when scanned. Same protection as [Obscure Contact](https://www.multithemes.com/elements/components/obscure-contact/), a great complement to this component!

**Full color control:** main color, dots gradient with configurable direction, independent corner colors and opacity, background.

**Module styles:** sharp, soft, rounded, or dots for modules, corners, and corner dots.

**Optional download button** with full styling control: label, color, background, border, margin, padding.

**Responsive visibility** by Elements Theme Studio

**Demo project** with ready-to-use designs included.

QR code in [available in the Marketplace](https://store.elementsapp.io/components/qr-code)

Now in promo

Thanks!

---

<div class="post-metadata">

### Author: ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)
#### Post date: [July 15, 2026, 6:51pm UTC](https://forums.realmacsoftware.com/t/qr-code-multi-style-fully-integrated-in-elements/56671/2 "2026-07-15T18:51:47Z")

</div>

### Upgrade: B3 - Internal Librasty to latest 1.8.3

Just to let those who purchased **[QR-Code](https://www.multithemes.com/elements/components/qr-code/demos/)** know that I’ve updated the internal library, which improves performance and also fixes some issues when using multiple instances.

Upgrade it and enjoy the component! 😎

[Now in Promo](https://store.elementsapp.io/components/qr-code) 😀