diff --git a/app/views/design_elements/_misc.html.erb b/app/views/design_elements/_misc.html.erb
new file mode 100644
index 000000000..24bdd21ab
--- /dev/null
+++ b/app/views/design_elements/_misc.html.erb
@@ -0,0 +1,5 @@
+<div id="misc" class="mb-8">
+  <h1>Miscellaneous</h1>
+  <h2>Loader</h2>
+  <div class="w-5"><div class="sci-loader"></div></div>
+</div>
diff --git a/app/views/design_elements/index.html.erb b/app/views/design_elements/index.html.erb
index 1a32a4a57..1ad085559 100644
--- a/app/views/design_elements/index.html.erb
+++ b/app/views/design_elements/index.html.erb
@@ -50,4 +50,4 @@
 
 <%= render partial: 'icons', locals: {icons_list: icons_list} %>
 
-
+<%= render partial: 'misc' %>