diff --git a/ui/app/controllers/jobs/job/loading.js b/ui/app/controllers/jobs/job/loading.js
new file mode 100644
index 000000000..bb159e836
--- /dev/null
+++ b/ui/app/controllers/jobs/job/loading.js
@@ -0,0 +1,8 @@
+import Ember from 'ember';
+
+const { Controller, computed, inject } = Ember;
+
+export default Controller.extend({
+  jobController: inject.controller('jobs.job'),
+  breadcrumbs: computed.alias('jobController.breadcrumbs'),
+});
diff --git a/ui/app/templates/jobs/job/loading.hbs b/ui/app/templates/jobs/job/loading.hbs
new file mode 100644
index 000000000..072715949
--- /dev/null
+++ b/ui/app/templates/jobs/job/loading.hbs
@@ -0,0 +1,9 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb|}}
+    <a href="{{href-to-spread breadcrumb.args}}" class="breadcrumb">{{breadcrumb.label}}</a>
+  {{/each}}
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  {{partial "jobs/job/subnav"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}
diff --git a/ui/app/templates/jobs/loading.hbs b/ui/app/templates/jobs/loading.hbs
new file mode 100644
index 000000000..f754d94ff
--- /dev/null
+++ b/ui/app/templates/jobs/loading.hbs
@@ -0,0 +1,6 @@
+{{#global-header class="page-header"}}
+  Jobs
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}
diff --git a/ui/app/templates/loading.hbs b/ui/app/templates/loading.hbs
new file mode 100644
index 000000000..14013c55b
--- /dev/null
+++ b/ui/app/templates/loading.hbs
@@ -0,0 +1,7 @@
+<div class="page-layout">
+  {{#global-header class="page-header"}}
+  {{/global-header}}
+  {{#gutter-menu class="page-body"}}
+    <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+  {{/gutter-menu}}
+</div>
diff --git a/ui/app/templates/nodes/loading.hbs b/ui/app/templates/nodes/loading.hbs
new file mode 100644
index 000000000..d247848fd
--- /dev/null
+++ b/ui/app/templates/nodes/loading.hbs
@@ -0,0 +1,6 @@
+{{#global-header class="page-header"}}
+  Nodes
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}
diff --git a/ui/app/templates/servers/loading.hbs b/ui/app/templates/servers/loading.hbs
new file mode 100644
index 000000000..f1647480c
--- /dev/null
+++ b/ui/app/templates/servers/loading.hbs
@@ -0,0 +1 @@
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>