diff --git a/client/components/main/spinner_scaleout.jade b/client/components/main/spinner_scaleout.jade
new file mode 100644
index 000000000..2cb21d156
--- /dev/null
+++ b/client/components/main/spinner_scaleout.jade
@@ -0,0 +1,6 @@
+template(name="spinnerScaleout")
+  .sk-spinner.sk-spinner-scaleout(class=currentBoard.colorClass)
+    +spinnerScaleoutRaw
+
+template(name="spinnerScaleoutRaw")
+  .sk-scaleout1
diff --git a/client/components/main/spinner_scaleout.styl b/client/components/main/spinner_scaleout.styl
new file mode 100644
index 000000000..deb73b68e
--- /dev/null
+++ b/client/components/main/spinner_scaleout.styl
@@ -0,0 +1,40 @@
+@import 'nib'
+
+// From https://github.com/tobiasahlin/SpinKit
+.sk-spinner-scaleout {
+  width: 40px;
+  height: 40px;
+  text-align: center;
+
+  margin: 100px auto;
+
+  border-radius: 100%;
+  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
+  animation: sk-scaleout 1.0s infinite ease-in-out;
+
+  div {
+    background-color: #333;
+    height: 100%;
+    width: 100%;
+    display: inline-block;
+  }
+}
+
+@-webkit-keyframes sk-scaleout {
+  0% { -webkit-transform: scale(0) }
+  100% {
+    -webkit-transform: scale(1.0);
+    opacity: 0;
+  }
+}
+
+@keyframes sk-scaleout {
+  0% {
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  } 100% {
+    -webkit-transform: scale(1.0);
+    transform: scale(1.0);
+    opacity: 0;
+  }
+}
diff --git a/config/const.js b/config/const.js
index 60f5d084d..e9818e465 100644
--- a/config/const.js
+++ b/config/const.js
@@ -54,5 +54,6 @@ export const ALLOWED_WAIT_SPINNERS = [
   'Cube',
   'Dot',
   'Rotateplane',
+  'Scaleout',
   'Wave'
 ];