diff --git a/projects/showcase/src/app/demo/stackblitz-edit/create-stackblitz-project.ts b/projects/showcase/src/app/demo/stackblitz-edit/create-stackblitz-project.ts
index b8121757..2e50c36c 100644
--- a/projects/showcase/src/app/demo/stackblitz-edit/create-stackblitz-project.ts
+++ b/projects/showcase/src/app/demo/stackblitz-edit/create-stackblitz-project.ts
@@ -41,13 +41,15 @@ html, body {
       'maplibre-gl': '*',
       '@maplibre/maplibre-gl-style-spec': '*',
       '@maplibre/ngx-maplibre-gl': '*',
-      '@angular/animations': '^17',
-      '@angular/common': '^17',
-      '@angular/compiler': '^17',
-      '@angular/core': '^17',
-      '@angular/forms': '^17',
-      '@angular/platform-browser': '^17',
-      '@angular/router': '^17',
+      '@angular/animations': '^18',
+      '@angular/common': '^18',
+      '@angular/compiler': '^18',
+      '@angular/core': '^18',
+      '@angular/forms': '^18',
+      '@angular/platform-browser': '^18',
+      '@angular/router': '^18',
+      '@angular/material': '^18',
+      '@angular/cdk': '^18',
       url: '*',
       querystring: '*',
       events: '*',