diff --git a/docs/components/home/Features.vue b/docs/components/home/Features.vue
index 859778b0..637b4f75 100644
--- a/docs/components/home/Features.vue
+++ b/docs/components/home/Features.vue
@@ -29,29 +29,21 @@ onBeforeUnmount(stop)
     <div
       class="flex flex-col divide-y divide-gray-500 md:divide-y-0 gap-12 md:gap-24 lg:gap-36 max-w-9/12 md:max-w-11/12 lg:max-w-9/12 m-auto py-12 md:py-24 text-center md:text-left"
     >
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col md:flex-row gap-12 md:gap-24">
-          <Basic @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col md:flex-row gap-12 md:gap-24">
+        <Basic @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
-          <RGB @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
+        <RGB @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col md:flex-row flex-unwrap gap-12 md:gap-24">
-          <Nested @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col md:flex-row flex-unwrap gap-12 md:gap-24">
+        <Nested @pane="onLoad" />
+      </div>
 
-      <XyzTransition appear-visible xyz="fade down ease-out-back">
-        <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
-          <Additional @pane="onLoad" />
-        </div>
-      </XyzTransition>
+      <div class="flex flex-col-reverse md:flex-row flex-unwrap gap-12 md:gap-24">
+        <Additional @pane="onLoad" />
+      </div>
     </div>
   </div>
 </template>
diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index 4a61d61f..eb3b4f57 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -257,7 +257,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="0"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[1].className"
               :style="{ '--animation-duration': `${animations[1].duration}s` }"
@@ -265,7 +265,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="100"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[2].className"
               :style="{ '--animation-duration': `${animations[2].duration}s` }"
@@ -273,7 +273,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="0"
               width="50"
               height="50"
-            ></rect>
+            />
             <rect
               :class="animations[3].className"
               :style="{ '--animation-duration': `${animations[3].duration}s` }"
@@ -281,7 +281,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
               y="100"
               width="50"
               height="50"
-            ></rect>
+            />
           </pattern>
         </template>
       </Background>