diff --git a/Components/Loaders/Reveal-Loader/index.html b/Components/Loaders/Reveal-Loader/index.html
new file mode 100644
index 00000000..4b2802a7
--- /dev/null
+++ b/Components/Loaders/Reveal-Loader/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ Loading Animation
+
+
+
+ Loading...
+
+
\ No newline at end of file
diff --git a/Components/Loaders/Reveal-Loader/style.css b/Components/Loaders/Reveal-Loader/style.css
new file mode 100644
index 00000000..4db17dcc
--- /dev/null
+++ b/Components/Loaders/Reveal-Loader/style.css
@@ -0,0 +1,45 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ background: #000;
+}
+
+h1 {
+ position: relative;
+ font-size: 8em;
+ color: #222;
+ text-transform: uppercase;
+ border-bottom: 16px solid #222;
+ letter-spacing: 0.05em;
+ line-height: 1.2em;
+}
+
+h1::before {
+ content: attr(data-text);
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ color: #03a9f4;
+ overflow: hidden;
+ border-bottom: 16px solid #03a9f4;
+ animation: animate 10s linear infinite;
+}
+
+@keyframes animate {
+ 0%{
+ width: 0;
+ }
+
+ 100%{
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/assets/html_files/loaders.html b/assets/html_files/loaders.html
index dd00aa1f..e823e274 100644
--- a/assets/html_files/loaders.html
+++ b/assets/html_files/loaders.html
@@ -449,7 +449,21 @@ Polygon Loader
-
+
+
+ 
+
+