diff --git a/rpdata-ui/src/common/LoadingScreen.js b/rpdata-ui/src/common/LoadingScreen.js
new file mode 100644
index 0000000..0c0c5c3
--- /dev/null
+++ b/rpdata-ui/src/common/LoadingScreen.js
@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import Background from "./Background";
+
+import './css/LoadingScreen.css';
+
+export function LoadingScreen({className}) {
+  return (
+    <div className={`Loading ${className}`}>
+      <Background />
+      <div className="text color-primary">Loading...</div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/rpdata-ui/src/common/css/LoadingScreen.css b/rpdata-ui/src/common/css/LoadingScreen.css
new file mode 100644
index 0000000..d57d6d4
--- /dev/null
+++ b/rpdata-ui/src/common/css/LoadingScreen.css
@@ -0,0 +1,7 @@
+.Loading .text {
+  width: 100%;
+  margin-top: 6em;
+  font-size: 3em;
+  opacity: 0.5;
+  text-align: center;
+}
\ No newline at end of file