diff --git a/packages/shared/src/components/MainLayout.tsx b/packages/shared/src/components/MainLayout.tsx
index 20442a4e97..8bc3b1988d 100644
--- a/packages/shared/src/components/MainLayout.tsx
+++ b/packages/shared/src/components/MainLayout.tsx
@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { useRouter } from 'next/router';
 import dynamic from 'next/dynamic';
 import PromotionalBanner from './PromotionalBanner';
+import { MobileAppLoader } from './MobileAppLoader';
 import useSidebarRendered from '../hooks/useSidebarRendered';
 import { useLogContext } from '../contexts/LogContext';
 import SettingsContext from '../contexts/SettingsContext';
@@ -27,6 +28,7 @@ import {
   useActiveFeedNameContext,
 } from '../contexts';
 import { useFeedLayout, useViewSize, ViewSize } from '../hooks';
+import { isPWA } from '../lib/func';
 import { BootPopups } from './modals/BootPopups';
 import { useFeedName } from '../hooks/feed/useFeedName';
 import { AuthTriggers } from '../lib/auth';
@@ -165,6 +167,9 @@ function MainLayoutComponent({
     (!isPageReady && isPageApplicableForOnboarding) ||
     shouldRedirectOnboarding
   ) {
+    if (typeof window !== 'undefined' && isPWA()) {
+      return <MobileAppLoader />;
+    }
     return null;
   }
 
diff --git a/packages/shared/src/components/MobileAppLoader.tsx b/packages/shared/src/components/MobileAppLoader.tsx
new file mode 100644
index 0000000000..e166cc4358
--- /dev/null
+++ b/packages/shared/src/components/MobileAppLoader.tsx
@@ -0,0 +1,29 @@
+import type { ReactElement } from 'react';
+import React from 'react';
+import classNames from 'classnames';
+import { cloudinaryAppIconMain } from '../lib/image';
+import { Loader } from './Loader';
+
+interface MobileAppLoaderProps {
+  className?: string;
+}
+
+export function MobileAppLoader({
+  className,
+}: MobileAppLoaderProps): ReactElement {
+  return (
+    <div
+      className={classNames(
+        'fixed inset-0 z-50 flex flex-col items-center justify-center gap-6 bg-background-default',
+        className,
+      )}
+    >
+      <img
+        src={cloudinaryAppIconMain}
+        alt="daily.dev"
+        className="float-animation size-20 rounded-[22%]"
+      />
+      <Loader className="size-5" />
+    </div>
+  );
+}