diff --git a/docs/app.vue b/docs/app.vue
index 776b39d6..e3ea7e38 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -54,4 +54,10 @@ useHead({
     class: 'antialiased font-sans text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-900'
   }
 })
+
+useSeoMeta({
+  ogImage: '/social-preview.jpg',
+  twitterImage: '/social-preview.jpg',
+  twitterCard: 'summary_large_image'
+})
 </script>
diff --git a/docs/public/social-preview.jpg b/docs/public/social-preview.jpg
new file mode 100644
index 00000000..3792e25c
Binary files /dev/null and b/docs/public/social-preview.jpg differ