diff --git a/deno.jsonc b/deno.jsonc
index 422609f9..f17d0b75 100644
--- a/deno.jsonc
+++ b/deno.jsonc
@@ -38,6 +38,7 @@
     "@std/semver": "jsr:@std/semver@^1.0.8",
     "@std/xml": "jsr:@std/xml@^0.1.0",
     "@vicary/debounce-microtask": "jsr:@vicary/debounce-microtask@^0.1.8",
+    "@paulmillr/qr": "jsr:@paulmillr/qr@^0.6.0",
     "@zip-js/zip-js": "jsr:@zip-js/zip-js@^2",
     "alien-signals": "npm:alien-signals@^3.1.2",
     "bs58check": "npm:bs58check@^4.0.0",
diff --git a/src/_includes/layouts/diffuse.vto b/src/_includes/layouts/diffuse.vto
index 600918f4..33e55d82 100644
--- a/src/_includes/layouts/diffuse.vto
+++ b/src/_includes/layouts/diffuse.vto
@@ -45,6 +45,9 @@ base: "./"
           "@awesome.me/webawesome/dist-cdn/": "./vendor/@awesome.me/webawesome/",
           "@phosphor-icons/web/": "./vendor/@phosphor-icons/web/",
 
+          "@paulmillr/qr": "./vendor/@paulmillr/qr/index.js",
+          "@paulmillr/qr/": "./vendor/@paulmillr/qr/",
+
           "@atcute/cbor": "./vendor/@atcute/cbor/index.js",
           "@atcute/oauth-browser-client": "./vendor/@atcute/oauth-browser-client/index.js",
           "@atcute/tid": "./vendor/@atcute/tid/index.js",
diff --git a/src/facets/connect/common.css b/src/facets/connect/common.css
index e5af6b7b..aea19935 100644
--- a/src/facets/connect/common.css
+++ b/src/facets/connect/common.css
@@ -49,6 +49,30 @@
   opacity: 0.2;
 }
 
+.s3-scan-video {
+  border-radius: 0;
+  inset: 0;
+  object-fit: cover;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  z-index: 1;
+}
+
+.connect-qr-body {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+
+  & svg {
+    background: white;
+    border-radius: var(--radius-sm);
+    height: 240px;
+    padding: var(--space-sm);
+    width: 240px;
+  }
+}
+
 .dropzone {
   align-items: center;
   border: 2px dashed var(--border-color);
diff --git a/src/facets/connect/common.js b/src/facets/connect/common.js
index 3330f1c1..93bbac5e 100644
--- a/src/facets/connect/common.js
+++ b/src/facets/connect/common.js
@@ -1,3 +1,4 @@
+import { encodeQR } from "@paulmillr/qr";
 import { html, nothing, render as litRender } from "lit-html";
 
 /**
@@ -5,7 +6,7 @@ import { html, nothing, render as litRender } from "lit-html";
  */
 
 /**
- * @typedef {{ name: string; detail: string; isInput: boolean; isOutput: boolean; isSelectedOutput: boolean; isDisabled?: boolean; onRemove: () => void; onToggleDisabled?: () => void }} ConnectItem
+ * @typedef {{ name: string; detail: string; isInput: boolean; isOutput: boolean; isSelectedOutput: boolean; isDisabled?: boolean; onShowQR?: () => void; onRemove: () => void; onToggleDisabled?: () => void }} ConnectItem
  */
 
 /**
@@ -21,9 +22,10 @@ import { html, nothing, render as litRender } from "lit-html";
  * @param {(mode: 'input' | 'output') => Promise<void>} config.onSubmit
  * @param {boolean} [config.hasInput] - Whether to show the "Add audio input" button (default: true)
  * @param {boolean} [config.hasOutput] - Whether to show the "Use as userdata storage" button (default: true)
+ * @param {TemplateResult | typeof nothing} [config.footerActions] - Extra buttons rendered in the dialog footer
  * @param {() => Promise<void>} [config.onOutputActivate] - Called instead of opening the dialog when output is already configured but inactive
  *
- * @returns {{ setItems: (items: ConnectItem[]) => void, setError: (message: string | null) => void }}
+ * @returns {{ setItems: (items: ConnectItem[]) => void, setError: (message: string | null) => void, setDialogError: (message: string | null) => void, showQR: (data: string) => void }}
  */
 export function setup(
   {
@@ -31,6 +33,7 @@ export function setup(
     description,
     rightContent = nothing,
     formFields,
+    footerActions = nothing,
     onSubmit,
     hasInput = true,
     hasOutput = true,
@@ -87,12 +90,23 @@ export function setup(
           <strong id="connect-dialog-title"></strong>
         </div>
         <form id="connect-form" class="dialog-body">
+          <div id="connect-error" class="callout callout--danger" hidden style="margin: 0"></div>
           ${formFields}
-          <div id="connect-error" class="callout callout--danger" hidden></div>
         </form>
         <div class="dialog-footer">
           <button id="connect-submit-btn" type="submit" form="connect-form" class="button--brand">Add</button>
           <button id="connect-cancel-btn" type="button">Cancel</button>
+          ${footerActions}
+        </div>
+      </dialog>
+
+      <dialog id="connect-qr-dialog">
+        <div class="dialog-header">
+          <strong>Scan to connect</strong>
+        </div>
+        <div id="connect-qr-body" class="dialog-body connect-qr-body"></div>
+        <div class="dialog-footer">
+          <button id="connect-qr-close-btn" type="button">Close</button>
         </div>
       </dialog>
     `,
@@ -165,6 +179,21 @@ export function setup(
     dialog.close();
   });
 
+  const qrDialog =
+    /** @type {HTMLDialogElement} */ (main.querySelector("#connect-qr-dialog"));
+  const qrBody =
+    /** @type {HTMLElement} */ (main.querySelector("#connect-qr-body"));
+
+  main.querySelector("#connect-qr-close-btn")?.addEventListener("click", () => {
+    qrDialog.close();
+  });
+
+  /** @param {string} data */
+  const showQR = (data) => {
+    qrBody.innerHTML = encodeQR(data, "svg");
+    qrDialog.showModal();
+  };
+
   const submitBtn =
     /** @type {HTMLElement} */ (main.querySelector("#connect-submit-btn"));
 
@@ -188,6 +217,8 @@ export function setup(
 
   return {
     setError,
+    setDialogError,
+    showQR,
 
     /**
      * Updates the list of configured items below the divider.
@@ -203,7 +234,7 @@ export function setup(
       litRender(
         html`
           ${items.map(
-            ({ name, detail, isInput, isOutput, isSelectedOutput, isDisabled, onRemove, onToggleDisabled }, index) =>
+            ({ name, detail, isInput, isOutput, isSelectedOutput, isDisabled, onShowQR, onRemove, onToggleDisabled }, index) =>
               html`
                 <li class="connect-item${isDisabled ? " connect-item--disabled" : ""}">
                   <div class="connect-item__info">
@@ -226,6 +257,19 @@ export function setup(
                     <i class="ph-fill ph-dots-three-outline-vertical"></i>
                   </button>
                   <div id="connect-item-menu-${index}" class="dropdown" popover>
+                    ${onShowQR
+                      ? html`
+                        <button
+                          @click="${(/** @type {MouseEvent} */ e) => {
+                            /** @type {HTMLElement | null} */ (/** @type {HTMLElement} */ (e.currentTarget).closest("[popover]"))?.hidePopover();
+                            onShowQR();
+                          }}"
+                        >
+                          <i class="ph-fill ph-qr-code"></i>
+                          Show QR code
+                        </button>
+                      `
+                      : nothing}
                     ${onToggleDisabled
                       ? html`
                         <button
diff --git a/src/facets/connect/s3/index.inline.js b/src/facets/connect/s3/index.inline.js
index 405736a6..2001c4a9 100644
--- a/src/facets/connect/s3/index.inline.js
+++ b/src/facets/connect/s3/index.inline.js
@@ -1,4 +1,5 @@
 import * as TID from "@atcute/tid";
+import decodeQR from "@paulmillr/qr/decode.js";
 import { html } from "lit-html";
 
 import * as Output from "~/common/output.js";
@@ -48,11 +49,96 @@ if (!s3Option) {
 
 const OUTPUT_S3_ID = s3Option?.id;
 
+////////////////////////////////////////////
+// CAMERA SCAN
+////////////////////////////////////////////
+
+/** @type {MediaStream | null} */
+let scanStream = null;
+/** @type {number} */
+let scanTimerId = 0;
+
+/** @param {boolean} scanning */
+function setScanButtonLabel(scanning) {
+  const btn = document.querySelector("#s3-scan-btn");
+  if (!btn) return;
+  btn.innerHTML = scanning
+    ? `<i class="ph-fill ph-x"></i> Cancel scan`
+    : `<i class="ph-fill ph-camera"></i> Scan QR code`;
+}
+
+function stopScan() {
+  scanStream?.getTracks().forEach((t) => t.stop());
+  scanStream = null;
+  const scanVideo = document.querySelector("#s3-scan-video");
+  if (scanVideo instanceof HTMLVideoElement) scanVideo.hidden = true;
+  clearTimeout(scanTimerId);
+  setScanButtonLabel(false);
+}
+
+async function handleScanClick() {
+  if (scanStream) { stopScan(); return; }
+  setScanError(null);
+
+  const scanVideo = document.querySelector("#s3-scan-video");
+  if (!(scanVideo instanceof HTMLVideoElement)) return;
+
+  try {
+    scanStream = await navigator.mediaDevices.getUserMedia({
+      video: { facingMode: { ideal: "environment" } },
+    });
+    scanVideo.srcObject = scanStream;
+    scanVideo.hidden = false;
+    setScanButtonLabel(true);
+
+    const canvas = document.createElement("canvas");
+    const ctx =
+      /** @type {CanvasRenderingContext2D} */ (canvas.getContext("2d"));
+
+    const loop = () => {
+      if (!scanStream) return;
+      if (
+        scanVideo.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA &&
+        scanVideo.videoWidth > 0
+      ) {
+        canvas.width = scanVideo.videoWidth;
+        canvas.height = scanVideo.videoHeight;
+        ctx.drawImage(scanVideo, 0, 0);
+        try {
+          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+          const result = decodeQR(/** @type {any} */ (imageData));
+          const parsed = parseURI(result);
+          if (parsed) {
+            const { bucket } = parsed;
+            /** @param {string} id @returns {HTMLInputElement} */
+            const field = (
+              id,
+            ) => /** @type {HTMLInputElement} */ (document.querySelector(id));
+            field("#s3-access-key").value = bucket.accessKey;
+            field("#s3-secret-key").value = bucket.secretKey;
+            field("#s3-bucket-name").value = bucket.bucketName;
+            field("#s3-host").value = bucket.host;
+            field("#s3-region").value = bucket.region;
+            field("#s3-path").value = bucket.path;
+            stopScan();
+            return;
+          }
+        } catch { /* no QR found in this frame */ }
+      }
+      scanTimerId = window.setTimeout(loop, 200);
+    };
+
+    loop();
+  } catch {
+    setScanError("Could not access camera");
+  }
+}
+
 ////////////////////////////////////////////
 // UI
 ////////////////////////////////////////////
 
-const { setItems, setError } = setup({
+const { setItems, setError, setDialogError, showQR } = setup({
   title: "S3",
 
   description: html`
@@ -67,6 +153,7 @@ const { setItems, setError } = setup({
   `,
 
   formFields: html`
+    <video id="s3-scan-video" class="s3-scan-video" autoplay playsinline hidden></video>
     <label>Access key <input id="s3-access-key" required></label>
     <label>Secret key <input id="s3-secret-key" type="password" required></label>
     <label>Bucket name <input id="s3-bucket-name" placeholder="my-bucket" required></label>
@@ -76,6 +163,13 @@ const { setItems, setError } = setup({
     <p class="caption">* Required fields</p>
   `,
 
+  footerActions: html`
+    <button id="s3-scan-btn" type="button" style="margin-inline-start: auto" @click="${handleScanClick}">
+      <i class="ph-fill ph-camera"></i>
+      Scan QR code
+    </button>
+  `,
+
   onSubmit: (mode) => addBucket(mode),
 
   onOutputActivate: async () => {
@@ -83,16 +177,22 @@ const { setItems, setError } = setup({
   },
 });
 
+const setScanError = setDialogError;
+
+document.querySelector("#connect-dialog")?.addEventListener("close", stopScan);
+
 const accessKeyInput =
   /** @type {HTMLInputElement} */ (document.querySelector("#s3-access-key"));
 const secretKeyInput =
   /** @type {HTMLInputElement} */ (document.querySelector("#s3-secret-key"));
 const bucketNameInput =
   /** @type {HTMLInputElement} */ (document.querySelector("#s3-bucket-name"));
-const hostInput = /** @type {HTMLInputElement} */ (document.querySelector("#s3-host"));
+const hostInput =
+  /** @type {HTMLInputElement} */ (document.querySelector("#s3-host"));
 const regionInput =
   /** @type {HTMLInputElement} */ (document.querySelector("#s3-region"));
-const pathInput = /** @type {HTMLInputElement} */ (document.querySelector("#s3-path"));
+const pathInput =
+  /** @type {HTMLInputElement} */ (document.querySelector("#s3-path"));
 
 ////////////////////////////////////////////
 // REACTIVE LIST
@@ -138,16 +238,25 @@ effect(() => {
   }
 
   setItems(
-    [...allBuckets.values()].map(({ name, host, uri, isInput, isOutput }) => ({
-      name,
-      detail: host,
-      isInput,
-      isOutput,
-      isSelectedOutput: isOutput && isSelectedOutput,
-      isDisabled: uri ? sourcesOrchestrator.isDisabled(uri) : false,
-      onRemove: () => removeBucket(uri, isOutput),
-      onToggleDisabled: uri ? () => sourcesOrchestrator.toggle(uri) : undefined,
-    })),
+    [...allBuckets.values()].map(({ name, host, uri, isInput, isOutput }) => {
+      const qrUri = uri ??
+        buildURI(
+          /** @type {NonNullable<typeof outputBucket>} */ (outputBucket),
+        );
+      return {
+        name,
+        detail: host,
+        isInput,
+        isOutput,
+        isSelectedOutput: isOutput && isSelectedOutput,
+        isDisabled: uri ? sourcesOrchestrator.isDisabled(uri) : false,
+        onShowQR: () => showQR(qrUri),
+        onRemove: () => removeBucket(uri, isOutput),
+        onToggleDisabled: uri
+          ? () => sourcesOrchestrator.toggle(uri)
+          : undefined,
+      };
+    }),
   );
 });
 ////////////////////////////////////////////
diff --git a/src/styles/diffuse/facet.css b/src/styles/diffuse/facet.css
index dc781eb0..e008bf90 100644
--- a/src/styles/diffuse/facet.css
+++ b/src/styles/diffuse/facet.css
@@ -260,6 +260,7 @@ dialog {
   flex-direction: column;
   gap: var(--space-sm);
   overflow-y: auto;
+  position: relative;
   padding: var(--space-sm);
 }
 
diff --git a/src/vendor/@paulmillr/qr/decode.js b/src/vendor/@paulmillr/qr/decode.js
new file mode 100644
index 00000000..21904217
--- /dev/null
+++ b/src/vendor/@paulmillr/qr/decode.js
@@ -0,0 +1,4 @@
+import def from "@paulmillr/qr/decode.js";
+
+export * from "@paulmillr/qr/decode.js";
+export default def;
diff --git a/src/vendor/@paulmillr/qr/index.js b/src/vendor/@paulmillr/qr/index.js
new file mode 100644
index 00000000..533c11e2
--- /dev/null
+++ b/src/vendor/@paulmillr/qr/index.js
@@ -0,0 +1 @@
+export * from "@paulmillr/qr";