diff --git a/docs/src/index.html b/docs/src/index.html
new file mode 100644
index 00000000..d5bbcd0b
--- /dev/null
+++ b/docs/src/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html ${htmlAttrs}>
+  <head>
+    ${head}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
+  </head>
+  <body ${bodyAttrs}>
+    ${app}
+    ${scripts}
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index ba628b6f..6e6bc3f4 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -6,7 +6,7 @@
           {{ $static.metadata.siteName }}
         </g-link>
         <div>
-          Search |
+          <input class="search" type="search" placeholder="Search" />
           <a href="https://github.com/sponsors/ueberdosis">
             Sponsor
           </a>
@@ -109,7 +109,22 @@ export default {
 
       return `https://github.com/ueberdosis/tiptap-next/blob/main/${path}`
     },
-  }
+  },
+
+  methods: {
+    initSearch() {
+      docsearch({
+        apiKey: '1abe7fb0f0dac150d0e963d2eda930fe',
+        indexName: 'ueberdosis_tiptap',
+        inputSelector: '.search',
+        debug: false,
+      })
+    }
+  },
+
+  mounted() {
+    this.initSearch()
+  },
 }
 </script>
 
