diff --git a/docs/components/home/Home.vue b/docs/components/home/Home.vue
index af7d06c9..ff9b135a 100644
--- a/docs/components/home/Home.vue
+++ b/docs/components/home/Home.vue
@@ -8,26 +8,28 @@ const dark = useDark({
   selector: 'html',
 })
 
-onMounted(() => {
-  const blobity = new Blobity({
-    color: dark.value ? '#ffffff' : '#000000',
-    invert: true,
-    zIndex: 0,
-    magnetic: false,
-    dotColor: '#10b981',
-    radius: 8,
-    focusableElementsOffsetX: 2,
-    focusableElementsOffsetY: 2,
-    mode: 'bouncy',
-  })
-
-  onBeforeUnmount(() => {
-    blobity.destroy()
-  })
-})
-
 const breakpoints = useBreakpoints(breakpointsTailwind)
 
+onMounted(() => {
+  if (!breakpoints.isSmaller('md')) {
+    const blobity = new Blobity({
+      color: dark.value ? '#ffffff' : '#000000',
+      invert: true,
+      zIndex: 0,
+      magnetic: false,
+      dotColor: '#10b981',
+      radius: 8,
+      focusableElementsOffsetX: 2,
+      focusableElementsOffsetY: 2,
+      mode: 'bouncy',
+    })
+
+    onBeforeUnmount(() => {
+      blobity.destroy()
+    })
+  }
+})
+
 const { dimensions, instance, onPaneReady, getNodes, getNode, getEdge, updateEdge, edges } = useVueFlow({
   nodes: [
     { id: 'intro', type: 'box', position: { x: 0, y: 0 } },