diff --git a/ui/app/router.js b/ui/app/router.js
index 241e50231..4fa9e490e 100644
--- a/ui/app/router.js
+++ b/ui/app/router.js
@@ -37,6 +37,10 @@ Router.map(function() {
     this.route('volumes', function() {
       this.route('volume', { path: '/:volume_name' });
     });
+
+    this.route('plugins', function() {
+      this.route('plugin', { path: '/:plugin-name' });
+    });
   });
 
   this.route('allocations', function() {
diff --git a/ui/app/templates/csi/volumes/index.hbs b/ui/app/templates/csi/volumes/index.hbs
index e30e139ae..6d86c277c 100644
--- a/ui/app/templates/csi/volumes/index.hbs
+++ b/ui/app/templates/csi/volumes/index.hbs
@@ -1,4 +1,10 @@
 {{title "CSI Volumes"}}
+<div class="tabs is-subnav">
+  <ul>
+    <li data-test-tab="volumes">{{#link-to "csi.volumes.index" activeClass="is-active"}}Volumes{{/link-to}}</li>
+    <li data-test-tab="plugins">{{#link-to "csi.plugins.index" activeClass="is-active"}}Plugins{{/link-to}}</li>
+  </ul>
+</div>
 <section class="section">
   {{#if isForbidden}}
     {{partial "partials/forbidden-message"}}