diff --git a/apps/web/components/shared/skeleton/KanbanBoardSkeleton.tsx b/apps/web/components/shared/skeleton/KanbanBoardSkeleton.tsx
new file mode 100644
index 000000000..523481c5b
--- /dev/null
+++ b/apps/web/components/shared/skeleton/KanbanBoardSkeleton.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+import Skeleton from "react-loading-skeleton";
+
+const KanbanBoardSkeleton = () => {
+
+    const columns = Array.from(Array(3));
+
+    const tasks = Array.from(Array(2));
+
+    return (
+        <>
+            <div
+                className="flex flex-row justify-center gap-[20px] w-full min-h-[600px] p-[32px] bg-transparent dark:bg-[#181920]"
+            >
+               {columns.map((_, index: number)=> {
+                return (
+                    <React.Fragment key={index}>
+                        <div className="flex flex-col gap-[10px]">
+                            <Skeleton height={40} width={325} borderRadius={10} className="dark:bg-[#353741]" />
+
+                            <div className="flex flex-col gap-[5px]">
+                                {tasks.map((_, index: number)=> {
+                                    return (
+                                        <React.Fragment key={index}>
+                                            <Skeleton height={155} width={325} borderRadius={10} className="dark:bg-[#353741]" />
+                                        </React.Fragment>
+                                    )
+                                })} 
+
+                                <Skeleton height={56} width={325} borderRadius={10} className="dark:bg-[#353741]" />
+                            </div>
+                        </div>
+                    </React.Fragment>
+                )
+               })}                       
+            </div>
+        </>
+    )
+}
+
+export default KanbanBoardSkeleton;
\ No newline at end of file
diff --git a/apps/web/pages/kanban/index.tsx b/apps/web/pages/kanban/index.tsx
index 592075453..9887bb646 100644
--- a/apps/web/pages/kanban/index.tsx
+++ b/apps/web/pages/kanban/index.tsx
@@ -1,4 +1,5 @@
 import { useKanban } from "@app/hooks/features/useKanban";
+import KanbanBoardSkeleton from "@components/shared/skeleton/KanbanBoardSkeleton";
 import { withAuthentication } from "lib/app/authenticator";
 import { KanbanView } from "lib/features/team-members-kanban-view"
 import { MainLayout } from "lib/layout";
@@ -13,7 +14,7 @@ const Kanban= () => {
            {Object.keys(data).length > 0 ? 
             <KanbanView kanbanBoardTasks={data}/>
             :
-            null
+            <KanbanBoardSkeleton/>
            }
         </MainLayout>
         </>