diff --git a/package-lock.json b/package-lock.json
index e0422fc..21ccd93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "MIT",
       "dependencies": {
+        "@blackbox-vision/react-qr-reader": "^5.0.0",
         "@chainlink/contracts": "^0.2.1",
         "@craco/craco": "^6.2.0",
         "@fontsource/fira-code": "^4.5.1",
@@ -1209,6 +1210,19 @@
       "version": "0.2.3",
       "license": "MIT"
     },
+    "node_modules/@blackbox-vision/react-qr-reader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@blackbox-vision/react-qr-reader/-/react-qr-reader-5.0.0.tgz",
+      "integrity": "sha512-VLNKwwJTv4UX1inUNgt2aGC2yIhKBYptW9EOhn7Nq//WzjD5KvHG7WR48HTzGUZ2s/EA0XlxZSfKOarHV1Vb/A==",
+      "dependencies": {
+        "@zxing/browser": "0.0.7",
+        "@zxing/library": "^0.18.3"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
+      }
+    },
     "node_modules/@chainlink/contracts": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@chainlink/contracts/-/contracts-0.2.1.tgz",
@@ -3512,6 +3526,37 @@
       "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.6.0.tgz",
       "integrity": "sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg=="
     },
+    "node_modules/@zxing/browser": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@zxing/browser/-/browser-0.0.7.tgz",
+      "integrity": "sha512-AepzMgDnD6EjxewqmXpHJsi4S3Gw9ilZJLIbTf6fWuWySEcHBodnGu3p7FWlgq1Sd5QyfPhTum5z3CBkkhMVng==",
+      "optionalDependencies": {
+        "@zxing/text-encoding": "^0.9.0"
+      },
+      "peerDependencies": {
+        "@zxing/library": "^0.18.3"
+      }
+    },
+    "node_modules/@zxing/library": {
+      "version": "0.18.6",
+      "resolved": "https://registry.npmjs.org/@zxing/library/-/library-0.18.6.tgz",
+      "integrity": "sha512-bulZ9JHoLFd9W36pi+7e7DnEYNJhljYjZ1UTsKPOoLMU3qtC+REHITeCRNx40zTRJZx18W5TBRXt5pq2Uopjsw==",
+      "dependencies": {
+        "ts-custom-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.4.0"
+      },
+      "optionalDependencies": {
+        "@zxing/text-encoding": "~0.9.0"
+      }
+    },
+    "node_modules/@zxing/text-encoding": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
+      "integrity": "sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==",
+      "optional": true
+    },
     "node_modules/abab": {
       "version": "2.0.5",
       "license": "BSD-3-Clause"
@@ -17825,6 +17870,14 @@
       "version": "1.0.1",
       "license": "MIT"
     },
+    "node_modules/ts-custom-error": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/ts-custom-error/-/ts-custom-error-3.2.0.tgz",
+      "integrity": "sha512-cBvC2QjtvJ9JfWLvstVnI45Y46Y5dMxIaG1TDMGAD/R87hpvqFL+7LhvUDhnRCfOnx/xitollFWWvUKKKhbN0A==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/ts-pnp": {
       "version": "1.2.0",
       "license": "MIT",
@@ -20240,6 +20293,15 @@
     "@bcoe/v8-coverage": {
       "version": "0.2.3"
     },
+    "@blackbox-vision/react-qr-reader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@blackbox-vision/react-qr-reader/-/react-qr-reader-5.0.0.tgz",
+      "integrity": "sha512-VLNKwwJTv4UX1inUNgt2aGC2yIhKBYptW9EOhn7Nq//WzjD5KvHG7WR48HTzGUZ2s/EA0XlxZSfKOarHV1Vb/A==",
+      "requires": {
+        "@zxing/browser": "0.0.7",
+        "@zxing/library": "^0.18.3"
+      }
+    },
     "@chainlink/contracts": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@chainlink/contracts/-/contracts-0.2.1.tgz",
@@ -21700,6 +21762,29 @@
       "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.6.0.tgz",
       "integrity": "sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg=="
     },
+    "@zxing/browser": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@zxing/browser/-/browser-0.0.7.tgz",
+      "integrity": "sha512-AepzMgDnD6EjxewqmXpHJsi4S3Gw9ilZJLIbTf6fWuWySEcHBodnGu3p7FWlgq1Sd5QyfPhTum5z3CBkkhMVng==",
+      "requires": {
+        "@zxing/text-encoding": "^0.9.0"
+      }
+    },
+    "@zxing/library": {
+      "version": "0.18.6",
+      "resolved": "https://registry.npmjs.org/@zxing/library/-/library-0.18.6.tgz",
+      "integrity": "sha512-bulZ9JHoLFd9W36pi+7e7DnEYNJhljYjZ1UTsKPOoLMU3qtC+REHITeCRNx40zTRJZx18W5TBRXt5pq2Uopjsw==",
+      "requires": {
+        "@zxing/text-encoding": "~0.9.0",
+        "ts-custom-error": "^3.0.0"
+      }
+    },
+    "@zxing/text-encoding": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
+      "integrity": "sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==",
+      "optional": true
+    },
     "abab": {
       "version": "2.0.5"
     },
@@ -31387,6 +31472,11 @@
     "tryer": {
       "version": "1.0.1"
     },
+    "ts-custom-error": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/ts-custom-error/-/ts-custom-error-3.2.0.tgz",
+      "integrity": "sha512-cBvC2QjtvJ9JfWLvstVnI45Y46Y5dMxIaG1TDMGAD/R87hpvqFL+7LhvUDhnRCfOnx/xitollFWWvUKKKhbN0A=="
+    },
     "ts-pnp": {
       "version": "1.2.0"
     },
diff --git a/package.json b/package.json
index 938ff28..fb6e41e 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "license": "MIT",
   "dependencies": {
+    "@blackbox-vision/react-qr-reader": "^5.0.0",
     "@chainlink/contracts": "^0.2.1",
     "@craco/craco": "^6.2.0",
     "@fontsource/fira-code": "^4.5.1",
diff --git a/src/Title.tsx b/src/Title.tsx
index 46e1e5c..0a017f7 100644
--- a/src/Title.tsx
+++ b/src/Title.tsx
@@ -1,5 +1,11 @@
 import React, { useState, useRef, useContext } from "react";
+import { isAddress } from "@ethersproject/address";
 import { Link, useHistory } from "react-router-dom";
+import { QrReader } from "@blackbox-vision/react-qr-reader";
+import { OnResultFunction } from "@blackbox-vision/react-qr-reader/dist-types/types";
+import { BarcodeFormat } from "@zxing/library";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faQrcode } from "@fortawesome/free-solid-svg-icons/faQrcode";
 import useKeyboardShortcut from "use-keyboard-shortcut";
 import PriceBox from "./PriceBox";
 import { RuntimeContext } from "./useRuntime";
@@ -29,6 +35,28 @@ const Title: React.FC = () => {
     searchRef.current?.focus();
   });
 
+  const [isScanning, setScanning] = useState<boolean>();
+  const onScan = () => {
+    setScanning(!isScanning);
+  };
+  const evaluateScan: OnResultFunction = (result, error, codeReader) => {
+    console.log("scan");
+    if (!error && result?.getBarcodeFormat() === BarcodeFormat.QR_CODE) {
+      const text = result.getText();
+      console.log(`Scanned: ${text}`);
+      if (!isAddress(text)) {
+        console.log("Not an ETH address");
+        return;
+      }
+
+      if (searchRef.current) {
+        searchRef.current.value = text;
+        searchRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+      setScanning(false);
+    }
+  };
+
   return (
     <div className="px-9 py-2 flex justify-between items-baseline">
       <Link className="self-center" to="/">
@@ -60,6 +88,20 @@ const Title: React.FC = () => {
             onChange={handleChange}
             ref={searchRef}
           />
+          <button
+            className="border bg-gray-100 hover:bg-gray-200 focus:outline-none px-2 py-1 text-sm text-gray-500"
+            type="button"
+            onClick={onScan}
+          >
+            <FontAwesomeIcon icon={faQrcode} />
+          </button>
+          {isScanning && (
+            <QrReader
+              className="w-screen h-screen"
+              constraints={{}}
+              onResult={evaluateScan}
+            />
+          )}
           <button
             className="rounded-r border-t border-b border-r bg-gray-100 hover:bg-gray-200 focus:outline-none px-2 py-1 text-sm text-gray-500"
             type="submit"