diff --git a/public/index.html b/public/index.html
index 5072fbf..16af6d6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,12 @@
     <p>Check out no Javascript frontend:</p>
       <li>/hp/:id</li>
   </noscript>
-  <div id="app" classs="bg-gray-900"></div>
+  <div id="app" classs="bg-gray-900">
+    <div class="flex flex-col items-center justify-center h-screen">
+      <div class="loading"></div>
+      <p>Loading</p>
+    </div>
+  </div>
   <script src="/js/main.js"></script>
 </body>
 </html>
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index 17404d2..186fd23 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -18,3 +18,21 @@
 .btn-blue:hover {
     @apply bg-blue-700;
 }
+
+.loading {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border: 3px solid rgba(40,40,40,.3);
+  border-radius: 50%;
+  border-top-color: #502020;
+  animation: spin 1s ease-in-out infinite;
+  -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 70c710f..4001b82 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./src/main/frontend/*.cljs'],
+  content: ['./src/main/frontend/*.cljs',
+            './public/*.html'],
   theme: {
     extend: {},
   },