diff --git a/package-lock.json b/package-lock.json
index 5d4bc295..fb446faa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "@docusaurus/theme-mermaid": "3.5.2",
         "@fortawesome/fontawesome-free": "6.6.0",
         "@mdx-js/react": "^3.0.0",
+        "@microsoft/clarity": "1.0.0",
         "@photo-sphere-viewer/core": "^5.10.0",
         "clsx": "^2.0.0",
         "docusaurus-plugin-image-zoom": "^0.1.4",
@@ -3120,6 +3121,12 @@
         "react": ">=16"
       }
     },
+    "node_modules/@microsoft/clarity": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/clarity/-/clarity-1.0.0.tgz",
+      "integrity": "sha512-2QY6SmXnqRj6dWhNY8NYCN3e53j4zCFebH4wGnNhdGV1mqAsQwql2fT0w8TISxCvwwfVp8idsWLIdrRHOms1PQ==",
+      "license": "MIT"
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index 7145e692..8ba22c65 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@docusaurus/theme-mermaid": "3.5.2",
     "@fortawesome/fontawesome-free": "6.6.0",
     "@mdx-js/react": "^3.0.0",
+    "@microsoft/clarity": "1.0.0",
     "@photo-sphere-viewer/core": "^5.10.0",
     "clsx": "^2.0.0",
     "docusaurus-plugin-image-zoom": "^0.1.4",