diff --git a/frontend/src/components/ChildrenLoading.jsx b/frontend/src/components/ChildrenLoading.jsx
new file mode 100644
index 0000000..c3d8777
--- /dev/null
+++ b/frontend/src/components/ChildrenLoading.jsx
@@ -0,0 +1,17 @@
+import "../index.css"
+
+/**
+ * Simple loading spinner for the directory list.
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export default function ChildrenLoading() {
+    return (
+        <div className="size-full flex items-center justify-center">
+            <div
+                className="animate-spin rounded-full border-blue-500 border-3 border-t-transparent size-6 mx-2 ">
+            </div>
+            <p className="text-lg text-black opacity-90">Content loading...</p>
+        </div>
+    );
+};
\ No newline at end of file