diff --git a/content/en/patterns/forms/autocomplete.mdx b/content/en/patterns/forms/autocomplete.mdx
index 36209a8..cf1b290 100644
--- a/content/en/patterns/forms/autocomplete.mdx
+++ b/content/en/patterns/forms/autocomplete.mdx
@@ -8,11 +8,14 @@ status: complete
 import { BrowserSupport } from "@app/_components/browser-support";
 import { BuildEffort } from "@app/_components/build-effort";
 import { FaqStructuredData } from "@app/_components/faq-structured-data";
+import { PatternPreview } from "@app/_components/pattern-preview";
 
 # Autocomplete
 
 **_(Also called Autosuggest)_**
 
+<PatternPreview />
+
 ## Overview
 
 The **autocomplete** is an interactive input component that helps users quickly find and select values from a predefined list of options as they type.
diff --git a/public/covers/patterns/autcomplete.png b/public/covers/patterns/autcomplete.png
new file mode 100644
index 0000000..94f33ff
Binary files /dev/null and b/public/covers/patterns/autcomplete.png differ