diff --git a/src/layouts/content.astro b/src/layouts/content.astro
index 61be51b..3b974b2 100644
--- a/src/layouts/content.astro
+++ b/src/layouts/content.astro
@@ -49,6 +49,17 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
     </style>
     <script is:inline set:html={THEME_LOADER_SCRIPT} />
     <script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
+  
+<script>
+  document.addEventListener('astro:before-swap', (e) => {
+    // Instantly hide old page to prevent flash
+    document.documentElement.style.opacity = '0';
+  });
+  document.addEventListener('astro:after-swap', () => {
+    // Show new page immediately
+    document.documentElement.style.opacity = '1';
+  });
+</script>
   </head>
   <body class="bg-background text-foreground min-h-screen flex flex-col">
     <Header client:load />
diff --git a/src/layouts/index.astro b/src/layouts/index.astro
index 309a5b1..7e9ca99 100644
--- a/src/layouts/index.astro
+++ b/src/layouts/index.astro
@@ -38,9 +38,28 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
     <link rel="icon" type="image/jpeg" href="/me.jpeg" />
     <link rel="sitemap" href="/sitemap-index.xml" />
     <ClientRouter />
+    <style>
+      ::view-transition-new(:root) {
+        animation: none;
+      }
+      ::view-transition-old(:root) {
+        animation: none;
+      }
+    </style>
     <script is:inline set:html={THEME_LOADER_SCRIPT} />
     <script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
-	</head>
+	
+<script>
+  document.addEventListener('astro:before-swap', (e) => {
+    // Instantly hide old page to prevent flash
+    document.documentElement.style.opacity = '0';
+  });
+  document.addEventListener('astro:after-swap', () => {
+    // Show new page immediately
+    document.documentElement.style.opacity = '1';
+  });
+</script>
+  </head>
   <body class="bg-background text-foreground overflow-hidden h-screen">
     <Header client:load transparent />
     <main>
diff --git a/src/layouts/resource.astro b/src/layouts/resource.astro
index d05419f..65e1c04 100644
--- a/src/layouts/resource.astro
+++ b/src/layouts/resource.astro
@@ -49,6 +49,17 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
     </style>
     <script is:inline set:html={THEME_LOADER_SCRIPT} />
     <script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
+  
+<script>
+  document.addEventListener('astro:before-swap', (e) => {
+    // Instantly hide old page to prevent flash
+    document.documentElement.style.opacity = '0';
+  });
+  document.addEventListener('astro:after-swap', () => {
+    // Show new page immediately
+    document.documentElement.style.opacity = '1';
+  });
+</script>
   </head>
   <body class="bg-background text-foreground min-h-screen flex flex-col">
     <main class="flex-1 flex flex-col">
