diff --git a/ej2-angular-toc.html b/ej2-angular-toc.html
index 8ab5ca9c21..6d4b3d306c 100644
--- a/ej2-angular-toc.html
+++ b/ej2-angular-toc.html
@@ -132,6 +132,7 @@
Visual Studio Integration
- Overview
+ - Download and Installation
- Create Project
- Convert Project
- Upgrade Project
diff --git a/ej2-angular/visual-studio-integration/create-project.md b/ej2-angular/visual-studio-integration/create-project.md
index 8986d554ed..6507bee4f2 100644
--- a/ej2-angular/visual-studio-integration/create-project.md
+++ b/ej2-angular/visual-studio-integration/create-project.md
@@ -18,7 +18,7 @@ Syncfusion provides the **Visual Studio Project Templates** for create the Syncf
The following steps help you to create the Syncfusion Angular application through the Visual Studio:
-1. Open the Visual Studio 2017 or later.
+1. Open the Visual Studio 2022.
2. To create a Syncfusion Angular project, follow either one of the options below:
@@ -32,13 +32,13 @@ The following steps help you to create the Syncfusion Angular application throug
**Option 2:**
- Choose **File > New > Project in Visual Studio**. The Create a new project dialog opens. You can get the **Syncfusion** provided templates by filtering the Project type with Syncfusion or use the **Search option** with the key word of Syncfusion.
+ Choose **File -> New -> Project**. Opens a new dialog to create a new project. By filtering the project type with Syncfusion or using the **Syncfusion** keyword in the search option, you can get the templates offered by Syncfusion for ASP.NET Core.
> In Visual Studio 2017, choose **File > New > Project** and navigate to **Syncfusion > .NET Core > Syncfusion ASP.NET Core Web Application** in **Visual Studio**.
-3. Select the Syncfusion ASP.NET Core Web Application and choose the Next button.
+3. Select the **Syncfusion ASP.NET Core Web Application** and choose the Next button.
@@ -46,7 +46,9 @@ The following steps help you to create the Syncfusion Angular application throug
- Choose the Syncfusion Angular template and choose required theme and asset.
+ Choose the Syncfusion Angular template and choose required theme, authentication type and asset.
+
+ > Syncfusion Angular project template available from .NET 6.0 and .NET 7.0
5. Click the Create button, the Syncfusion Angular application has been created.
diff --git a/ej2-angular/visual-studio-integration/download-and-installation.md b/ej2-angular/visual-studio-integration/download-and-installation.md
new file mode 100644
index 0000000000..df2c1f0104
--- /dev/null
+++ b/ej2-angular/visual-studio-integration/download-and-installation.md
@@ -0,0 +1,79 @@
+---
+layout: post
+title: Create project in Angular Visual studio integration component | Syncfusion
+description: Learn here all about Create project in Syncfusion React Visual studio integration component of Syncfusion Essential JS 2 and more.
+platform: ej2-angular
+control: Create project
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Download and Installation
+
+Syncfusion publishes the Visual Studio extension in the below Visual Studio marketplace link. You can either install it directly from Visual Studio or download and install it from the Visual Studio marketplace.
+
+[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreVSExtensions)
+
+[Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions)
+
+## Prerequisites
+
+The following software prerequisites must be installed to install the Syncfusion ASP.NET Core extension, as well as for creating, adding snippet, converting, and upgrading Syncfusion ASP.NET Core applications.
+
+* [Visual Studio 2022 or later](https://visualstudio.microsoft.com/downloads).
+
+* [.NET Core 6.0 or later](https://dotnet.microsoft.com/en-us/download/dotnet).
+
+## Install through the Visual Studio Manage Extensions
+
+The steps below assist you to install the Syncfusion ASP.NET Core extensions from **Visual Studio Manage Extensions**.
+
+1. Open the Visual Studio.
+
+2. Navigate to **Extension ->Manage Extensions** and open the Manage Extensions.
+
+ N> In Visual Studio 2017, go to Tools -> Extensions and Updates.
+
+3. On the left, click the **Online** tab and type **"Syncfusion EJ2"** in the **search box**.
+
+ 
+
+4. Click the **Download** button in the **“ASP.NET Core Extension - Syncfusion”**.
+
+5. Close all Visual Studio instances after downloading the extensions to begin the installation process. You will see the following VSIX installation prompt.
+
+ 
+
+6. Click the **Modify** button.
+
+7. After the installation is completed, open Visual Studio.
+
+8. Now, under the menu **Extensions**, you can use the Syncfusion extensions from the Visual Studio.
+
+ 
+
+ N> In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu
+
+## Install from the Visual Studio Marketplace
+
+The steps below illustrate how to download and install the Syncfusion ASP.NET Core extension from the Visual Studio Marketplace.
+
+1. Download the Syncfusion ASP.NET Core Extensions from the below Visual Studio Marketplace.
+
+ [Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreVSExtensions)
+
+ [Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions)
+
+2. Close all Visual Studio instances running, if any.
+
+3. Double-click to install the downloaded VSIX file. You will see the VSIX installation prompts with the corresponding installed Visual Studio version checkbox for select the Visual Studio to install extension.
+
+ 
+
+4. Click the **Modify** button.
+
+5. After the installation is complete, open Visual Studio. You can now use Syncfusion extensions from the Visual Studio under the **Extensions** menu.
+
+ 
+
+ N> In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu
\ No newline at end of file
diff --git a/ej2-angular/visual-studio-integration/images/InstallUpdatedVersion.png b/ej2-angular/visual-studio-integration/images/InstallUpdatedVersion.png
new file mode 100644
index 0000000000..de6eebf60e
Binary files /dev/null and b/ej2-angular/visual-studio-integration/images/InstallUpdatedVersion.png differ
diff --git a/ej2-angular/visual-studio-integration/images/InstallVSIX.png b/ej2-angular/visual-studio-integration/images/InstallVSIX.png
new file mode 100644
index 0000000000..696808c859
Binary files /dev/null and b/ej2-angular/visual-studio-integration/images/InstallVSIX.png differ
diff --git a/ej2-angular/visual-studio-integration/images/OnlineExtension.png b/ej2-angular/visual-studio-integration/images/OnlineExtension.png
new file mode 100644
index 0000000000..962c2bb0f5
Binary files /dev/null and b/ej2-angular/visual-studio-integration/images/OnlineExtension.png differ
diff --git a/ej2-angular/visual-studio-integration/images/SyncfusionMenu.png b/ej2-angular/visual-studio-integration/images/SyncfusionMenu.png
new file mode 100644
index 0000000000..59c3b0eb5c
Binary files /dev/null and b/ej2-angular/visual-studio-integration/images/SyncfusionMenu.png differ
diff --git a/ej2-angular/visual-studio-integration/images/angular-project-wizard.png b/ej2-angular/visual-studio-integration/images/angular-project-wizard.png
index cc3c22b0ae..b170bc2035 100644
Binary files a/ej2-angular/visual-studio-integration/images/angular-project-wizard.png and b/ej2-angular/visual-studio-integration/images/angular-project-wizard.png differ
diff --git a/ej2-angular/visual-studio-integration/images/syncfusion-template.png b/ej2-angular/visual-studio-integration/images/syncfusion-template.png
index 6c718b5083..6108786ac1 100644
Binary files a/ej2-angular/visual-studio-integration/images/syncfusion-template.png and b/ej2-angular/visual-studio-integration/images/syncfusion-template.png differ