diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index fb8ab5d..b2fe72f 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -7,7 +7,7 @@ import type { SiteMeta } from '@/types'
 import { siteConfig } from '@/site-config'
 
 type Props = SiteMeta
-
+import { ViewTransitions } from 'astro:transitions'
 const { articleDate, description, ogImage, title } = Astro.props
 
 const titleSeparator = '•'
@@ -87,3 +87,5 @@ const socialImageURL = new URL(ogImage ? ogImage : '/social-card.png', Astro.url
 <link href='/rss.xml' rel='alternate' title={siteConfig.title} type='application/rss+xml' />
 
 <meta content={Astro.generator} name='generator' />
+
+<ViewTransitions />