diff --git a/src/components/global/Head.astro b/src/components/global/Head.astro
index 15fc787..44ad40c 100644
--- a/src/components/global/Head.astro
+++ b/src/components/global/Head.astro
@@ -1,5 +1,7 @@
 ---
 const { Title, Description } = Astro.props;
+import { ViewTransitions } from 'astro:transitions';
+import { Tooltips } from 'astro-tooltips';
 ---
 
 <head>
@@ -28,4 +30,10 @@ const { Title, Description } = Astro.props;
   />
   <script type="module" src="/@shoelace-style/shoelace/cdn/shoelace.js"
   ></script>
+
+  <!-- ViewTransition API -->
+  <ViewTransitions />
+
+  <!-- Tooltip -->
+  <Tooltips interactive={false} delay={[15, 14000]} />
 </head>
