diff --git a/README.md b/README.md
index 7a7db56e..d7bf2089 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,8 @@ Lightweight social sharing component for web applications. Zero dependencies, fr
 ## Features
 
 - 🌐 Multiple platforms: WhatsApp, Facebook, X, LinkedIn, Telegram, Reddit, Email, Pinterest, Discord
-- 🎯 Zero dependencies - pure vanilla JavaScript
+- 📷 QR Code sharing (optional — requires the `social-share-button-qr.js` extension, which loads `qrcode-generator` at runtime)
+- 🎯 Zero dependencies for the core library — pure vanilla JavaScript (QR extension loads `qrcode-generator` from jsDelivr CDN at runtime)
 - ⚛️ Framework support: React, Preact, Next.js, Qwik, Vue, Angular, or plain HTML
 - 🔄 Auto-detects current URL and page title
 - 📱 Fully responsive and mobile-ready
@@ -529,6 +530,8 @@ new SocialShareButton({
 **Available Platforms:**  
 `whatsapp`, `facebook`, `twitter`, `linkedin`, `telegram`, `reddit`, `email`, `pinterest`, `discord`
 
+> **QR Code** (`qrcode`) is available as an optional platform. It requires the separate `social-share-button-qr.js` extension — see [Using the QR Code Extension](#using-the-qr-code-extension).
+
 ### Customize Share Message/Post Text
 
 Control the text that appears when users share to social platforms:
@@ -659,6 +662,42 @@ new SocialShareButton({
 
 ## Advanced Usage
 
+### Using the QR Code Extension
+
+The QR code feature is an **optional extension**. The core library has zero runtime dependencies; this extension loads `qrcode-generator` from jsDelivr at runtime.
+
+#### Via CDN (HTML)
+
+```html
+<!-- Main CSS and JS -->
+<link rel="stylesheet" href="path/to/social-share-button.css" />
+<script src="path/to/social-share-button.js"></script>
+
+<!-- QR Code Extension (loads qrcode-generator from jsDelivr automatically) -->
+<script src="path/to/social-share-button-qr.js"></script>
+```
+
+#### Via npm / bundler
+
+```javascript
+import "@aossie-org/social-share-button/src/social-share-button-qr.js";
+```
+
+The extension will dynamically inject `qrcode-generator` from jsDelivr the first time a user clicks the QR platform.
+
+#### Self-hosting under a strict CSP
+
+If your Content Security Policy (CSP) blocks `cdn.jsdelivr.net`, download `qrcode-generator` locally and load it **before** the extension:
+
+```html
+<!-- Self-hosted qrcode-generator -->
+<script src="/path/to/qrcode.min.js"></script>
+<!-- QR extension will detect window.qrcode and skip the CDN fetch -->
+<script src="path/to/social-share-button-qr.js"></script>
+```
+
+When you pass `qrcode` in the `platforms` array, a QR code panel will be rendered inline inside the share modal with a canvas preview and a **Download QR** button.
+
 ### Using npm Package
 
 ```javascript
diff --git a/package.json b/package.json
index 972ad17e..3c2a76ce 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "src/social-share-button.js",
     "src/social-share-button.css",
     "src/social-share-button-react.jsx",
+    "src/social-share-button-qr.js",
     "src/social-share-analytics.js",
     "README.md",
     "LICENSE"
diff --git a/src/social-share-button-qr.js b/src/social-share-button-qr.js
new file mode 100644
index 00000000..dcff3fa6
--- /dev/null
+++ b/src/social-share-button-qr.js
@@ -0,0 +1,243 @@
+/**
+ * SocialShareButton QR Code Extension
+ * Dynamically loads Kazuhiko Arase's qrcode-generator from CDN
+ */
+
+(function () {
+  // Shared bootstrap error helper for the QR extension.
+  // Keeps all console output in one place for easy logger swapping.
+  function _qrWarn(message) {
+    /* eslint-disable no-console */
+    if (typeof console !== "undefined" && typeof console.warn === "function") {
+      console.warn("[SocialShareButton QR] " + message);
+    }
+    /* eslint-enable no-console */
+  }
+
+  // Cached Promise for the qrcode-generator CDN load.
+  // Guarantees only one <script> tag is ever injected.
+  var _generatorPromise = null;
+
+  // Returns a Promise that resolves once window.qrcode is available.
+  // Resolves immediately if self-hosted. Subsequent calls return the same cached Promise.
+  function getQRCodeGenerator() {
+    if (_generatorPromise) return _generatorPromise;
+
+    if (typeof window.qrcode !== "undefined") {
+      _generatorPromise = Promise.resolve();
+      return _generatorPromise;
+    }
+
+    _generatorPromise = new Promise(function (resolve, reject) {
+      var script = document.createElement("script");
+      script.src = "https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js";
+      script.onload = resolve;
+      script.onerror = function () {
+        // Reset so a retry (e.g. after fixing CSP) can attempt the load again
+        _generatorPromise = null;
+        _qrWarn(
+          "Failed to load qrcode-generator from CDN (https://cdn.jsdelivr.net). " +
+          "Check your network connection or Content Security Policy. " +
+          "To self-host, load qrcode.min.js before social-share-button-qr.js."
+        );
+        reject(new Error("qrcode-generator CDN load failed"));
+      };
+      document.head.appendChild(script);
+    });
+
+    return _generatorPromise;
+  }
+
+  function applyQRPatch() {
+    if (typeof window === "undefined" || !window.SocialShareButton) {
+      _qrWarn("SocialShareButton core must be loaded before the QR extension.");
+      return;
+    }
+
+    // Guard against double-patching
+    if (window.SocialShareButton._qrPatched) return;
+    window.SocialShareButton._qrPatched = true;
+
+    var originalShare = window.SocialShareButton.prototype.share;
+    var originalCloseModal = window.SocialShareButton.prototype.closeModal;
+
+    window.SocialShareButton.prototype.share = function (platform) {
+      if (platform === "qrcode") {
+        var self = this;
+        this._qrRenderRequestId = (this._qrRenderRequestId || 0) + 1;
+        var requestToken = this._qrRenderRequestId;
+
+        this._emit("social_share_click", "share", { platform: platform });
+
+        // Show a pending/disabled state on the QR button while the library loads
+        var qrBtn = this.modal
+          ? this.modal.querySelector('[data-platform="qrcode"]')
+          : null;
+        if (qrBtn) {
+          qrBtn.disabled = true;
+          qrBtn.setAttribute("aria-busy", "true");
+        }
+
+        getQRCodeGenerator()
+          .then(function () {
+            // Abort if the user closed the modal or clicked again while loading
+            if (self._qrRenderRequestId !== requestToken || !self.modal) {
+              return;
+            }
+
+            var rendered = self.renderQRPanel();
+            // Only emit success and invoke callback after rendering succeeds
+            if (rendered !== false) {
+              self._emit("social_share_success", "share", { platform: platform });
+              if (self.options.onShare) {
+                self.options.onShare(platform, self.options.url);
+              }
+            }
+          })
+          .catch(function () {
+            // CDN failed — warning already logged inside getQRCodeGenerator
+          })
+          .then(function () {
+            // Restore button only if this is still the active request
+            if (self._qrRenderRequestId === requestToken && qrBtn) {
+              qrBtn.disabled = false;
+              qrBtn.removeAttribute("aria-busy");
+            }
+          });
+
+        return;
+      }
+
+      // Delegate all other platforms to the original handler
+      return originalShare.call(this, platform);
+    };
+
+    window.SocialShareButton.prototype.renderQRPanel = function () {
+      if (!this.modal) return false;
+
+      // Do not render twice
+      if (this.modal.querySelector(".social-share-qr-panel")) return;
+
+      if (typeof window.qrcode === "undefined") {
+        _qrWarn("qrcode-generator is not available. The QR panel cannot be rendered.");
+        return false;
+      }
+
+      // --- Generate QR data ---
+      var typeNumber = 0; // 0 = auto-detect
+      var errorCorrectionLevel = "M";
+      var qr = window.qrcode(typeNumber, errorCorrectionLevel);
+      qr.addData(this.options.url);
+      qr.make();
+
+      var moduleCount = qr.getModuleCount();
+      var cellSize = Math.max(3, Math.floor(180 / moduleCount));
+      var margin = 4;
+      var size = moduleCount * cellSize + margin * 2 * cellSize;
+
+      // --- Build DOM ---
+      var qrPanel = document.createElement("div");
+      qrPanel.className = "social-share-qr-panel";
+
+      var title = document.createElement("h4");
+      var titleText = (this.options.labels && this.options.labels.qrScanTitle) || "Scan QR Code";
+      title.textContent = titleText;
+
+      var canvas = document.createElement("canvas");
+      canvas.className = "social-share-qr-canvas";
+      canvas.width = size;
+      canvas.height = size;
+
+      var ctx = canvas.getContext("2d");
+
+      // White background
+      ctx.fillStyle = "#ffffff";
+      ctx.fillRect(0, 0, size, size);
+
+      // Dark modules
+      ctx.fillStyle = "#000000";
+      for (var row = 0; row < moduleCount; row++) {
+        for (var col = 0; col < moduleCount; col++) {
+          if (qr.isDark(row, col)) {
+            ctx.fillRect(
+              (col + margin) * cellSize,
+              (row + margin) * cellSize,
+              cellSize,
+              cellSize
+            );
+          }
+        }
+      }
+
+      var downloadBtn = document.createElement("button");
+      downloadBtn.className = "social-share-qr-download";
+      var downloadText = (this.options.labels && this.options.labels.qrDownload) || "Download QR";
+      downloadBtn.textContent = downloadText;
+
+      var self = this;
+      var downloadHandler = function () {
+        var dataUrl = canvas.toDataURL("image/png");
+        var a = document.createElement("a");
+        a.href = dataUrl;
+        a.download = "share-qrcode.png";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+      };
+
+      downloadBtn.addEventListener("click", downloadHandler);
+      // Register in central listener list so destroy() cleans it up
+      this.addEventListener(downloadBtn, "click", downloadHandler);
+
+      this._qrDownloadHandler = downloadHandler;
+      this._qrDownloadBtn = downloadBtn;
+
+      qrPanel.appendChild(title);
+      qrPanel.appendChild(canvas);
+      qrPanel.appendChild(downloadBtn);
+
+      // Insert right after the platforms row
+      var platformsContainer = this.modal.querySelector(".social-share-platforms");
+      if (platformsContainer && platformsContainer.parentNode) {
+        platformsContainer.parentNode.insertBefore(qrPanel, platformsContainer.nextSibling);
+      } else {
+        var content = this.modal.querySelector(".social-share-modal-content");
+        if (content) content.appendChild(qrPanel);
+      }
+    };
+
+    window.SocialShareButton.prototype.closeModal = function () {
+      // Invalidate any pending QR renders
+      this._qrRenderRequestId = (this._qrRenderRequestId || 0) + 1;
+
+      if (this.modal) {
+        var qrPanel = this.modal.querySelector(".social-share-qr-panel");
+        if (qrPanel) {
+          if (this._qrDownloadBtn && this._qrDownloadHandler) {
+            this._qrDownloadBtn.removeEventListener("click", this._qrDownloadHandler);
+            // Purge from central registry
+            this.listeners = this.listeners.filter(
+              function (l) { return l.handler !== this._qrDownloadHandler; },
+              this
+            );
+            this._qrDownloadBtn = null;
+            this._qrDownloadHandler = null;
+          }
+          qrPanel.remove();
+        }
+      }
+      return originalCloseModal.call(this);
+    };
+  } // end applyQRPatch
+
+  // Patch prototype immediately — CDN load is deferred to first QR click.
+  // Guard against SSR environments (Next.js, Nuxt, etc.) where window/document
+  // are undefined at import time.
+  if (typeof window !== "undefined" && typeof document !== "undefined") {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", applyQRPatch);
+    } else {
+      applyQRPatch();
+    }
+  }
+})();
diff --git a/src/social-share-button.css b/src/social-share-button.css
index 0609839b..23690cec 100644
--- a/src/social-share-button.css
+++ b/src/social-share-button.css
@@ -465,3 +465,68 @@
     display: none !important;
   }
 }
+/* -----------------------------------------------------------------------------
+   QR CODE PANEL
+   ----------------------------------------------------------------------------- */
+
+.social-share-qr-panel {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.social-share-modal-overlay.light .social-share-qr-panel {
+  border-top-color: rgba(0, 0, 0, 0.1);
+}
+
+.social-share-qr-panel h4 {
+  margin: 0 0 12px 0;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+}
+
+.social-share-modal-overlay.light .social-share-qr-panel h4 {
+  color: #333;
+}
+
+.social-share-qr-canvas {
+  background: #fff;
+  padding: 8px;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  margin-bottom: 16px;
+}
+
+.social-share-modal-overlay.light .social-share-qr-canvas {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.social-share-qr-download {
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  color: #fff;
+  padding: 8px 16px;
+  border-radius: 6px;
+  font-size: 13px;
+  cursor: pointer;
+  transition: background 0.2s ease;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+}
+
+.social-share-qr-download:hover {
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.social-share-modal-overlay.light .social-share-qr-download {
+  background: #f0f0f0;
+  border-color: #ddd;
+  color: #333;
+}
+
+.social-share-modal-overlay.light .social-share-qr-download:hover {
+  background: #e4e4e4;
+}
diff --git a/src/social-share-button.js b/src/social-share-button.js
index 2dd6dd57..cf9be1c2 100644
--- a/src/social-share-button.js
+++ b/src/social-share-button.js
@@ -196,6 +196,11 @@ class SocialShareButton {
         color: "#5865F2",
         icon: '<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 11.756 11.756 0 0 0-.617-1.25.077.077 0 0 0-.079-.037 19.736 19.736 0 0 0-4.885 1.515.069.069 0 0 0-.032.027C.533 9.048-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.419-2.157 2.419zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.419-2.157 2.419z"/>',
       },
+      qrcode: {
+        name: (this.options.labels && this.options.labels.qrcode) || "QR Code",
+        color: "#000000",
+        icon: '<path d="M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm13-2h-3v2h3v-2zm-3 2v2h-2v-2h2zm0 2h3v2h-3v-2zm-2 2v2h-2v-2h2zm4 0h3v2h-3v-2zm-2-4h2v2h-2v-2z"/>',
+      },
     };
 
     return this.options.platforms