diff --git a/resources/js/components/ui/grid-skeleton.jsx b/resources/js/components/ui/grid-skeleton.jsx
new file mode 100644
index 0000000..41ff6ee
--- /dev/null
+++ b/resources/js/components/ui/grid-skeleton.jsx
@@ -0,0 +1,15 @@
+import { Skeleton } from "./skeleton";
+
+const GridSkeleton = ({ itemCount = 6 }) => {
+    return (
+        <div className="grid grid-cols-2 gap-2 p-2">
+            {Array.from({ length: itemCount }, (_, index) => (
+                <div key={index} className="relative">
+                    <div className="aspect-[9/16] w-full rounded-lg bg-gradient-to-r from-gray-200 via-white to-gray-200 bg-[length:200%_100%] animate-shimmer" />
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export { GridSkeleton };
\ No newline at end of file