diff --git a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.html b/ui/src/app/metadata/manager/component/dashboard-providers-list.component.html
new file mode 100644
index 000000000..f429f1e6c
--- /dev/null
+++ b/ui/src/app/metadata/manager/component/dashboard-providers-list.component.html
@@ -0,0 +1 @@
+Metadata providers
diff --git a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts b/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts
new file mode 100644
index 000000000..afa91580b
--- /dev/null
+++ b/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './dashboard-providers-list.component.html'
+})
+
+export class DashboardProvidersListComponent {
+
+}
diff --git a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.html b/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.html
new file mode 100644
index 000000000..634e521e8
--- /dev/null
+++ b/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.html
@@ -0,0 +1 @@
+Metadata resolvers
diff --git a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts b/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts
new file mode 100644
index 000000000..7cb4c2f15
--- /dev/null
+++ b/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './dashboard-resolvers-list.component.html'
+})
+
+export class DashboardResolversListComponent {
+
+}
diff --git a/ui/src/app/metadata/manager/container/manager.component.html b/ui/src/app/metadata/manager/container/manager.component.html
index 10df850b2..6f87f50c6 100644
--- a/ui/src/app/metadata/manager/container/manager.component.html
+++ b/ui/src/app/metadata/manager/container/manager.component.html
@@ -15,6 +15,15 @@
             </div>
         </div>
         <div class="section-body p-2 border border-top-0 border-primary">
+            <ul class="nav nav-tabs">
+                <li class="nav-item">
+                    <a class="nav-link active" [routerLink]="['/resolvers']">Resolvers</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" [routerLink]="['/providers']">Providers</a>
+                </li>
+            </ul>
+            <router-outlet></router-outlet>
             <ul class="list-unstyled m-0">
                 <li *ngFor="let entity of limited$ | async; index as i" [ngClass]="{'mt-2': i > 0}" aria-label="Provider Item Accordion. Press Spacebar to open">
                     <entity-item
diff --git a/ui/src/app/metadata/manager/manager.module.ts b/ui/src/app/metadata/manager/manager.module.ts
index e94b4192a..1b5253d20 100644
--- a/ui/src/app/metadata/manager/manager.module.ts
+++ b/ui/src/app/metadata/manager/manager.module.ts
@@ -10,6 +10,8 @@ import { EffectsModule } from '@ngrx/effects';
 import { ManagerComponent } from './container/manager.component';
 import { EntityItemComponent } from './component/entity-item.component';
 import { ProviderSearchComponent } from './component/provider-search.component';
+import { DashboardResolversListComponent } from './component/dashboard-resolvers-list.component';
+import { DashboardProvidersListComponent } from './component/dashboard-providers-list.component';
 import { reducers } from './reducer';
 import { SearchEffects } from './effect/search.effects';
 import { DeleteDialogComponent } from './component/delete-dialog.component';
@@ -21,7 +23,9 @@ import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
         ManagerComponent,
         EntityItemComponent,
         ProviderSearchComponent,
-        DeleteDialogComponent
+        DeleteDialogComponent,
+        DashboardResolversListComponent,
+        DashboardProvidersListComponent
     ],
     entryComponents: [
         DeleteDialogComponent
diff --git a/ui/src/app/metadata/metadata.routing.ts b/ui/src/app/metadata/metadata.routing.ts
index 31223e7c4..353681a5f 100644
--- a/ui/src/app/metadata/metadata.routing.ts
+++ b/ui/src/app/metadata/metadata.routing.ts
@@ -2,6 +2,8 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { ManagerComponent } from './manager/container/manager.component';
+import { DashboardResolversListComponent } from './manager/component/dashboard-resolvers-list.component';
+import { DashboardProvidersListComponent } from './manager/component/dashboard-providers-list.component';
 import { MetadataPageComponent } from './metadata.component';
 
 import { ResolverRoutes } from './resolver/resolver.routing';
@@ -13,9 +15,12 @@ const routes: Routes = [
         component: MetadataPageComponent,
         children: [
             { path: '', component: ManagerComponent },
+            { path: '', redirectTo: 'resolvers', pathMatch: 'full' },
+            { path: 'resolvers', component: DashboardResolversListComponent },
+            { path: 'providers', component: DashboardProvidersListComponent },
             ...ResolverRoutes,
             ...ProviderRoutes
-        ]
+        ],
     },
 ];