diff --git a/Components/Loaders/Squid-Game-Loader/index.html b/Components/Loaders/Squid-Game-Loader/index.html
new file mode 100644
index 00000000..41425842
--- /dev/null
+++ b/Components/Loaders/Squid-Game-Loader/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+ Squid Game Loader
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Components/Loaders/Squid-Game-Loader/style.css b/Components/Loaders/Squid-Game-Loader/style.css
new file mode 100644
index 00000000..74c5fd13
--- /dev/null
+++ b/Components/Loaders/Squid-Game-Loader/style.css
@@ -0,0 +1,158 @@
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background: #f3f3f3;
+}
+
+.loader {
+ --path: #2f3545;
+ --dot: #5628ee;
+ --duration: 3s;
+ width: 44px;
+ height: 44px;
+ position: relative;
+ display: inline-block;
+ margin: 0 16px;
+}
+
+.loader:before {
+ content: "";
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ position: absolute;
+ display: block;
+ background: var(--dot);
+ top: 37px;
+ left: 19px;
+ transform: translate(-18px, -18px);
+ animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+}
+
+.loader svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+
+.loader svg rect,
+.loader svg polygon,
+.loader svg circle {
+ fill: none;
+ stroke: var(--path);
+ stroke-width: 10px;
+ stroke-linejoin: round;
+ stroke-linecap: round;
+}
+
+.loader svg polygon {
+ stroke-dasharray: 145 76 145 76;
+ stroke-dashoffset: 0;
+ animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+}
+
+.loader svg rect {
+ stroke-dasharray: 192 64 192 64;
+ stroke-dashoffset: 0;
+ animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+}
+
+.loader svg circle {
+ stroke-dasharray: 150 50 150 50;
+ stroke-dashoffset: 75;
+ animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+}
+
+.loader.triangle {
+ width: 48px;
+}
+
+.loader.triangle:before {
+ left: 21px;
+ transform: translate(-10px, -18px);
+ animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+}
+
+@keyframes pathTriangle {
+ 33% {
+ stroke-dashoffset: 74;
+ }
+
+ 66% {
+ stroke-dashoffset: 147;
+ }
+
+ 100% {
+ stroke-dashoffset: 221;
+ }
+}
+
+@keyframes dotTriangle {
+ 33% {
+ transform: translate(0, 0);
+ }
+
+ 66% {
+ transform: translate(10px, -18px);
+ }
+
+ 100% {
+ transform: translate(-10px, -18px);
+ }
+}
+
+@keyframes pathRect {
+ 25% {
+ stroke-dashoffset: 64;
+ }
+
+ 50% {
+ stroke-dashoffset: 128;
+ }
+
+ 75% {
+ stroke-dashoffset: 192;
+ }
+
+ 100% {
+ stroke-dashoffset: 256;
+ }
+}
+
+@keyframes dotRect {
+ 25% {
+ transform: translate(0, 0);
+ }
+
+ 50% {
+ transform: translate(18px, -18px);
+ }
+
+ 75% {
+ transform: translate(0, -36px);
+ }
+
+ 100% {
+ transform: translate(-18px, -18px);
+ }
+}
+
+@keyframes pathCircle {
+ 25% {
+ stroke-dashoffset: 125;
+ }
+
+ 50% {
+ stroke-dashoffset: 175;
+ }
+
+ 75% {
+ stroke-dashoffset: 225;
+ }
+
+ 100% {
+ stroke-dashoffset: 275;
+ }
+}
diff --git a/assets/html_files/loaders.html b/assets/html_files/loaders.html
index 80f594ad..3d67828a 100644
--- a/assets/html_files/loaders.html
+++ b/assets/html_files/loaders.html
@@ -590,6 +590,19 @@ Square Loader
+
+
Squid Game Loader
+
+
+
+
+ 
+
+