diff --git a/static/code/stackblitz/v7/angular/package.json b/static/code/stackblitz/v7/angular/package.json
index 81551151abb..fde51aaaea7 100644
--- a/static/code/stackblitz/v7/angular/package.json
+++ b/static/code/stackblitz/v7/angular/package.json
@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@ionic/angular": "^7.0.0",
-    "@ionic/core": "^7.0.0",
+    "@ionic/angular": "^8.0.0",
+    "@ionic/core": "^8.0.0",
     "@angular/platform-browser-dynamic": "17.3.2"
   }
 }
diff --git a/static/code/stackblitz/v7/html/package.json b/static/code/stackblitz/v7/html/package.json
index 7583138334d..96ebaab1ada 100644
--- a/static/code/stackblitz/v7/html/package.json
+++ b/static/code/stackblitz/v7/html/package.json
@@ -1,5 +1,5 @@
 {
   "dependencies": {
-    "@ionic/core": "^7.0.0"
+    "@ionic/core": "^8.0.0"
   }
 }
diff --git a/static/code/stackblitz/v7/react/package-lock.json b/static/code/stackblitz/v7/react/package-lock.json
index b6e394d72eb..ab1e61821de 100644
--- a/static/code/stackblitz/v7/react/package-lock.json
+++ b/static/code/stackblitz/v7/react/package-lock.json
@@ -8,8 +8,8 @@
       "name": "vite-react-typescript",
       "version": "0.1.0",
       "dependencies": {
-        "@ionic/react": "^7.4.0",
-        "@ionic/react-router": "^7.4.0",
+        "@ionic/react": "^8.0.0",
+        "@ionic/react-router": "^8.0.0",
         "@types/node": "^20.0.0",
         "@types/react": "^18.0.9",
         "@types/react-dom": "^18.0.4",
@@ -698,9 +698,9 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.8.4.tgz",
-      "integrity": "sha512-GiQM3Gb1kjaxQyDTQfXd54p/a8cK+ccaYKH30pRpzFMborqCZwhcCUQWV1zNAUuFI8YkC5CWTi6bdHyiYuxw4w==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.0.0.tgz",
+      "integrity": "sha512-jW1LA5mSUYmG4Go9EBWPiLv0Uxwm9vF8+3gwYNeLxJrRwzsirc1qBW/zvDTqcbyMwopAfwtb690iSv5e3i1CwA==",
       "dependencies": {
         "@stencil/core": "^4.12.2",
         "ionicons": "^7.2.2",
@@ -708,11 +708,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.8.4.tgz",
-      "integrity": "sha512-w8pvXPCwYtxp+7kPGy91ei7//gokmkFmvLqHigUU95YttSzcUJHyYEZqYq+gKX7B+R1LapDAXrFRXuss4gLJew==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.0.0.tgz",
+      "integrity": "sha512-s7Ncn3Md5WARayGc8Jc65/of+1TxU5KBESWk/xAzbZHIRHM9piERk6tlkvUhYOt9lNA4faX3fa9sOviUiEaHFw==",
       "dependencies": {
-        "@ionic/core": "7.8.4",
+        "@ionic/core": "8.0.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -722,11 +722,11 @@
       }
     },
     "node_modules/@ionic/react-router": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react-router/-/react-router-7.8.4.tgz",
-      "integrity": "sha512-bxrGtv5iDwRtN//B78y1Hc19PjMoZ4mA/THRWnJp8Z50C7NhJW1blantgzOWB6Nslb60nQdWE+P+TPJq8wglTA==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react-router/-/react-router-8.0.0.tgz",
+      "integrity": "sha512-WqFn1qhWxU1HOouFLdFBbznro8SPLqPz3K5zScNAY1w6LXx8tuuZyfuPGjGjQq0xXkRBx3s1u7MbpLHbPQEr9g==",
       "dependencies": {
-        "@ionic/react": "7.8.4",
+        "@ionic/react": "8.0.0",
         "tslib": "*"
       },
       "peerDependencies": {
@@ -2117,9 +2117,9 @@
       "optional": true
     },
     "@ionic/core": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.8.4.tgz",
-      "integrity": "sha512-GiQM3Gb1kjaxQyDTQfXd54p/a8cK+ccaYKH30pRpzFMborqCZwhcCUQWV1zNAUuFI8YkC5CWTi6bdHyiYuxw4w==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.0.0.tgz",
+      "integrity": "sha512-jW1LA5mSUYmG4Go9EBWPiLv0Uxwm9vF8+3gwYNeLxJrRwzsirc1qBW/zvDTqcbyMwopAfwtb690iSv5e3i1CwA==",
       "requires": {
         "@stencil/core": "^4.12.2",
         "ionicons": "^7.2.2",
@@ -2127,21 +2127,21 @@
       }
     },
     "@ionic/react": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.8.4.tgz",
-      "integrity": "sha512-w8pvXPCwYtxp+7kPGy91ei7//gokmkFmvLqHigUU95YttSzcUJHyYEZqYq+gKX7B+R1LapDAXrFRXuss4gLJew==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.0.0.tgz",
+      "integrity": "sha512-s7Ncn3Md5WARayGc8Jc65/of+1TxU5KBESWk/xAzbZHIRHM9piERk6tlkvUhYOt9lNA4faX3fa9sOviUiEaHFw==",
       "requires": {
-        "@ionic/core": "7.8.4",
+        "@ionic/core": "8.0.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
     },
     "@ionic/react-router": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react-router/-/react-router-7.8.4.tgz",
-      "integrity": "sha512-bxrGtv5iDwRtN//B78y1Hc19PjMoZ4mA/THRWnJp8Z50C7NhJW1blantgzOWB6Nslb60nQdWE+P+TPJq8wglTA==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react-router/-/react-router-8.0.0.tgz",
+      "integrity": "sha512-WqFn1qhWxU1HOouFLdFBbznro8SPLqPz3K5zScNAY1w6LXx8tuuZyfuPGjGjQq0xXkRBx3s1u7MbpLHbPQEr9g==",
       "requires": {
-        "@ionic/react": "7.8.4",
+        "@ionic/react": "8.0.0",
         "tslib": "*"
       }
     },
diff --git a/static/code/stackblitz/v7/react/package.json b/static/code/stackblitz/v7/react/package.json
index 00294b8610a..ab71e36f852 100644
--- a/static/code/stackblitz/v7/react/package.json
+++ b/static/code/stackblitz/v7/react/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ionic/react": "^7.4.0",
-    "@ionic/react-router": "^7.4.0",
+    "@ionic/react": "^8.0.0",
+    "@ionic/react-router": "^8.0.0",
     "@types/node": "^20.0.0",
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.4",
diff --git a/static/code/stackblitz/v7/vue/package-lock.json b/static/code/stackblitz/v7/vue/package-lock.json
index f89a5277d9a..5094e93dd3f 100644
--- a/static/code/stackblitz/v7/vue/package-lock.json
+++ b/static/code/stackblitz/v7/vue/package-lock.json
@@ -8,8 +8,8 @@
       "name": "vite-vue-starter",
       "version": "0.0.0",
       "dependencies": {
-        "@ionic/vue": "^7.4.0",
-        "@ionic/vue-router": "^7.4.0",
+        "@ionic/vue": "^8.0.0",
+        "@ionic/vue-router": "^8.0.0",
         "vue": "^3.2.25",
         "vue-router": "4.3.0"
       },
@@ -400,9 +400,9 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.8.4.tgz",
-      "integrity": "sha512-GiQM3Gb1kjaxQyDTQfXd54p/a8cK+ccaYKH30pRpzFMborqCZwhcCUQWV1zNAUuFI8YkC5CWTi6bdHyiYuxw4w==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.0.0.tgz",
+      "integrity": "sha512-jW1LA5mSUYmG4Go9EBWPiLv0Uxwm9vF8+3gwYNeLxJrRwzsirc1qBW/zvDTqcbyMwopAfwtb690iSv5e3i1CwA==",
       "dependencies": {
         "@stencil/core": "^4.12.2",
         "ionicons": "^7.2.2",
@@ -410,20 +410,20 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.8.4.tgz",
-      "integrity": "sha512-x5qRvGo9OSjnROANbicTR1vDIFLSMo2BWSzUCbpLfp3NLbLfgdRfWLFJMbSlI+2RLhZ6d7iACCjSzoayD255cw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.0.0.tgz",
+      "integrity": "sha512-jKynlvprQE4GnEDAoUuwp3HCuodI8uT97FoOMOQoe8DelVcjDAN1w9RjcHm9bau+r25vZ5AZMVmCki7kXQDKfg==",
       "dependencies": {
-        "@ionic/core": "7.8.4",
+        "@ionic/core": "8.0.0",
         "ionicons": "^7.0.0"
       }
     },
     "node_modules/@ionic/vue-router": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.8.4.tgz",
-      "integrity": "sha512-cXj+cd5t4S0ChatJ5r4Y4isuexxezuqz3+UWNJN4+rfN0zceIfeOrr741bNo2I+jTE8jXJowIA3q+kW0bY5UTQ==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-8.0.0.tgz",
+      "integrity": "sha512-LARP0ASkeGEFapmipCsw2oAUIEh61+Rr7ZKrnq12tW/IZoQHy69mxnuSXjrpaOQ6xEMoymM3gIECya4XSzWSYQ==",
       "dependencies": {
-        "@ionic/vue": "7.8.4"
+        "@ionic/vue": "8.0.0"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
@@ -1357,9 +1357,9 @@
       "optional": true
     },
     "@ionic/core": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.8.4.tgz",
-      "integrity": "sha512-GiQM3Gb1kjaxQyDTQfXd54p/a8cK+ccaYKH30pRpzFMborqCZwhcCUQWV1zNAUuFI8YkC5CWTi6bdHyiYuxw4w==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.0.0.tgz",
+      "integrity": "sha512-jW1LA5mSUYmG4Go9EBWPiLv0Uxwm9vF8+3gwYNeLxJrRwzsirc1qBW/zvDTqcbyMwopAfwtb690iSv5e3i1CwA==",
       "requires": {
         "@stencil/core": "^4.12.2",
         "ionicons": "^7.2.2",
@@ -1367,20 +1367,20 @@
       }
     },
     "@ionic/vue": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.8.4.tgz",
-      "integrity": "sha512-x5qRvGo9OSjnROANbicTR1vDIFLSMo2BWSzUCbpLfp3NLbLfgdRfWLFJMbSlI+2RLhZ6d7iACCjSzoayD255cw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.0.0.tgz",
+      "integrity": "sha512-jKynlvprQE4GnEDAoUuwp3HCuodI8uT97FoOMOQoe8DelVcjDAN1w9RjcHm9bau+r25vZ5AZMVmCki7kXQDKfg==",
       "requires": {
-        "@ionic/core": "7.8.4",
+        "@ionic/core": "8.0.0",
         "ionicons": "^7.0.0"
       }
     },
     "@ionic/vue-router": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.8.4.tgz",
-      "integrity": "sha512-cXj+cd5t4S0ChatJ5r4Y4isuexxezuqz3+UWNJN4+rfN0zceIfeOrr741bNo2I+jTE8jXJowIA3q+kW0bY5UTQ==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-8.0.0.tgz",
+      "integrity": "sha512-LARP0ASkeGEFapmipCsw2oAUIEh61+Rr7ZKrnq12tW/IZoQHy69mxnuSXjrpaOQ6xEMoymM3gIECya4XSzWSYQ==",
       "requires": {
-        "@ionic/vue": "7.8.4"
+        "@ionic/vue": "8.0.0"
       }
     },
     "@jridgewell/sourcemap-codec": {
diff --git a/static/code/stackblitz/v7/vue/package.json b/static/code/stackblitz/v7/vue/package.json
index c12745e271f..20ce5cce5b7 100644
--- a/static/code/stackblitz/v7/vue/package.json
+++ b/static/code/stackblitz/v7/vue/package.json
@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ionic/vue": "^7.4.0",
-    "@ionic/vue-router": "^7.4.0",
+    "@ionic/vue": "^8.0.0",
+    "@ionic/vue-router": "^8.0.0",
     "vue": "^3.2.25",
     "vue-router": "4.3.0"
   },