diff --git a/projects/nshmp-apps/src/app/dashboard/app.component.html b/projects/nshmp-apps/src/app/dashboard/app.component.html
index 14d02bd2f9b4d710ff8f44fbdc6150d96de2aa6f..1af2d35269911115d5000a7cb6a4b39a077f68db 100644
--- a/projects/nshmp-apps/src/app/dashboard/app.component.html
+++ b/projects/nshmp-apps/src/app/dashboard/app.component.html
@@ -23,6 +23,7 @@
       </div>
 
       <div class="grid-col-12 tablet-lg:grid-col-10 tablet-lg:grid-offset-1">
+        <!-- Main apps -->
         <div class="app-section">
           @for (app of mainApps; track app) {
             <div class="grid-col-12">
@@ -36,11 +37,28 @@
             </div>
           }
         </div>
+
+        <!-- Design maps -->
+        <div class="app-section padding-top-6">
+          <div class="app-section--title">Design Maps</div>
+          @for (app of designMapApps; track app) {
+            <div class="grid-col-12">
+              <mat-card
+                [routerLink]="app.routerLink"
+                class="dashboard-mat-card pointer"
+                (click)="template.onRoute(app)"
+              >
+                <mat-card-content>{{ app.display }}</mat-card-content>
+              </mat-card>
+            </div>
+          }
+        </div>
       </div>
     </div>
 
     <div class="grid-col-12 tablet-lg:grid-col-6 center-y">
       <div class="grid-col-12 tablet-lg:grid-col-10 tablet-lg:grid-offset-1">
+        <!-- Source models -->
         <div class="app-section">
           <div class="app-section--title">Source Models</div>
           @for (app of sourceModelApps; track app) {
@@ -56,6 +74,7 @@
           }
         </div>
 
+        <!-- GMMs -->
         <div class="app-section">
           <div class="app-section--title">Ground Motion Models</div>
           @for (app of gmmApps; track app) {
@@ -70,6 +89,22 @@
             </div>
           }
         </div>
+
+        <!-- NCM apps -->
+        <div class="app-section">
+          <div class="app-section--title">National Crustal Model</div>
+          @for (app of ncmApps; track app) {
+            <div class="grid-col-12">
+              <mat-card
+                [routerLink]="app.routerLink"
+                class="dashboard-mat-card pointer"
+                (click)="template.onRoute(app)"
+              >
+                <mat-card-content>{{ app.display }}</mat-card-content>
+              </mat-card>
+            </div>
+          }
+        </div>
       </div>
     </div>
   </div>
diff --git a/projects/nshmp-apps/src/app/dashboard/app.component.ts b/projects/nshmp-apps/src/app/dashboard/app.component.ts
index 7f43e921d73569f10d37f9aea56304339a92da95..c7b5cecc8823bbb0c6475a9b1653b2493059558e 100644
--- a/projects/nshmp-apps/src/app/dashboard/app.component.ts
+++ b/projects/nshmp-apps/src/app/dashboard/app.component.ts
@@ -5,9 +5,11 @@ import {NshmpLibNgAboutPageComponent} from '@ghsc/nshmp-lib-ng/about';
 import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp';
 
 import {
+  designMapApps,
   gmmApps,
   mainApps,
   navigation,
+  ncmApps,
   sourceModelApps,
 } from '../../shared/utils/navigation.utils';
 import {AboutComponent} from './components/about/about.component';
@@ -35,10 +37,14 @@ export class AppComponent {
   /** Navigation list for menu */
   navigationList = navigation();
 
+  /** Design map apps  */
+  designMapApps = designMapApps();
   /** The GMM applications */
   gmmApps = gmmApps();
   /** The main applications */
   mainApps = mainApps();
+  /** NCM apps  */
+  ncmApps = ncmApps();
   /** Source model applications */
   sourceModelApps = sourceModelApps();