diff --git a/apps/www/.vitepress/theme/config/site.ts b/apps/www/.vitepress/theme/config/site.ts
index 7ff16cd4..060adca5 100644
--- a/apps/www/.vitepress/theme/config/site.ts
+++ b/apps/www/.vitepress/theme/config/site.ts
@@ -15,6 +15,6 @@ export const siteConfig = {
 
 export const announcementConfig = {
   icon: '✨',
-  title: 'New Toast component',
-  link: '/docs/components/toast',
+  title: 'VSCode extension',
+  link: '/docs/installation.html#vscode-extension',
 }
diff --git a/apps/www/src/content/docs/installation.md b/apps/www/src/content/docs/installation.md
index 899f8244..13afcaf3 100644
--- a/apps/www/src/content/docs/installation.md
+++ b/apps/www/src/content/docs/installation.md
@@ -92,4 +92,16 @@ To configure import aliases, you can use the following `jsconfig.json`:
       "@/*": ["./*"]
     }
   }
-}
\ No newline at end of file
+}
+```
+
+## VSCode extension
+
+Install the [shadcn-vue](https://marketplace.visualstudio.com/items?itemName=Selemondev.shadcn-vue) extension by [@selemondev](https://github.com/selemondev) in Visual Studio Code to easily add Shadcn Vue components to your project. 
+
+This extension offers a range of features:
+- Ability to initialize the Shadcn Vue CLI
+- Install components
+- Open documentation
+- Navigate to a specific component's documentation page directly from your IDE. 
+- Handy snippets for quick and straightforward component imports and markup.