diff --git a/.gitmodules b/.gitmodules
index e349320..f05d5c8 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -13,3 +13,6 @@
 [submodule "submodules/pcui-graph"]
 	path = submodules/pcui-graph
 	url = https://github.com/playcanvas/pcui-graph.git
+[submodule "submodules/web-components"]
+	path = submodules/web-components
+	url = https://github.com/playcanvas/web-components.git
diff --git a/package-lock.json b/package-lock.json
index cd555dc..0c7ac47 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
       "devDependencies": {
         "@playcanvas/observer": "^1.5.1",
         "@types/react": "^18.3.12",
-        "playcanvas": "^1.74.0",
+        "playcanvas": "^2.2.2",
         "react": "^18.3.1",
         "serve": "^14.2.4",
         "typedoc": "^0.26.11",
@@ -1101,9 +1101,9 @@
       "dev": true
     },
     "node_modules/playcanvas": {
-      "version": "1.74.0",
-      "resolved": "https://registry.npmjs.org/playcanvas/-/playcanvas-1.74.0.tgz",
-      "integrity": "sha512-0vIvUXj0Ml+CkOjsvXU9v+oMCtBqJzFLFhC8mwbRuaw+7J3v5XD1009tLoHtsmnj9ul3nHATtwrNPydqEQwylg==",
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/playcanvas/-/playcanvas-2.2.2.tgz",
+      "integrity": "sha512-51RY/XMr20/H/PIr2N/4myMGeT3z7PgUcIDnQRf72CEdWtcOI2btGg62RsUuL8Z/LyKO1M+8cGzEQeXAIpdrag==",
       "dev": true,
       "dependencies": {
         "@types/webxr": "^0.5.16",
diff --git a/package.json b/package.json
index 9c3ef99..ef1181b 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@playcanvas/observer": "^1.5.1",
     "@types/react": "^18.3.12",
-    "playcanvas": "^1.74.0",
+    "playcanvas": "^2.2.2",
     "react": "^18.3.1",
     "serve": "^14.2.4",
     "typedoc": "^0.26.11",
diff --git a/submodules/web-components b/submodules/web-components
new file mode 160000
index 0000000..aade55a
--- /dev/null
+++ b/submodules/web-components
@@ -0,0 +1 @@
+Subproject commit aade55a80449dea203695f579d076f61c30d500c
diff --git a/tsconfig.json b/tsconfig.json
index ee5eb60..6d9180f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,6 +15,7 @@
         "submodules/engine/src/**/*.js",
         "submodules/observer/src/**/*.js",
         "submodules/pcui/src/**/*.ts",
-        "submodules/pcui-graph/src/**/*.js"
+        "submodules/pcui-graph/src/**/*.js",
+        "submodules/web-components/src/**/*.ts"
     ]
 }
diff --git a/typedoc.json b/typedoc.json
index ea756f9..48dc087 100644
--- a/typedoc.json
+++ b/typedoc.json
@@ -1,6 +1,7 @@
 {
     "entryPoints": [
         "submodules/engine/src/index.js",
+        "submodules/web-components/src/index.ts",
         "submodules/editor-api/index.js",
         "submodules/pcui/src/index.ts",
         "submodules/pcui-graph/src/index.js",