diff --git a/ej2-react-toc.html b/ej2-react-toc.html
index a5af0f169..8b74b7836 100644
--- a/ej2-react-toc.html
+++ b/ej2-react-toc.html
@@ -127,6 +127,7 @@
Visual Studio Integration
- Overview
+ - Download and Installation
- Create Project
- Convert Project
- Upgrade Project
diff --git a/ej2-react/visual-studio-integration/create-project.md b/ej2-react/visual-studio-integration/create-project.md
index ddf7810dd..58468a858 100644
--- a/ej2-react/visual-studio-integration/create-project.md
+++ b/ej2-react/visual-studio-integration/create-project.md
@@ -17,7 +17,7 @@ Syncfusion provides the **Visual Studio Project Templates** for creating the Syn
> The Syncfusion React project templates are available from v17.1.0.47.
The following steps help you to create the Syncfusion React Application through the Visual Studio:
-1. Open the Visual Studio 2017 or later.
+1. Open the Visual Studio 2022.
2. To create a Syncfusion React project, follow either one of the options below:
**Option 1:**
@@ -30,11 +30,11 @@ The following steps help you to create the Syncfusion React Application through
**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 (Essential JS 2) Web Application** in **Visual Studio**.
+ > 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.
@@ -44,7 +44,9 @@ The following steps help you to create the Syncfusion React Application through
- Choose the **Syncfusion React.js** template and choose required theme and asset.
+ Choose the **Syncfusion React.js** template and choose required theme, authentication type and asset.
+
+ > Syncfusion React project template available from .NET 6.0 and .NET 7.0
5. Click the Create button, the Syncfusion React application has been created.
diff --git a/ej2-react/visual-studio-integration/download-and-installation.md b/ej2-react/visual-studio-integration/download-and-installation.md
new file mode 100644
index 000000000..e98f3b746
--- /dev/null
+++ b/ej2-react/visual-studio-integration/download-and-installation.md
@@ -0,0 +1,79 @@
+---
+layout: post
+title: Create project in React 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-react
+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](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-react/visual-studio-integration/images/InstallUpdatedVersion.png b/ej2-react/visual-studio-integration/images/InstallUpdatedVersion.png
new file mode 100644
index 000000000..de6eebf60
Binary files /dev/null and b/ej2-react/visual-studio-integration/images/InstallUpdatedVersion.png differ
diff --git a/ej2-react/visual-studio-integration/images/InstallVSIX.png b/ej2-react/visual-studio-integration/images/InstallVSIX.png
new file mode 100644
index 000000000..696808c85
Binary files /dev/null and b/ej2-react/visual-studio-integration/images/InstallVSIX.png differ
diff --git a/ej2-react/visual-studio-integration/images/OnlineExtension.png b/ej2-react/visual-studio-integration/images/OnlineExtension.png
new file mode 100644
index 000000000..962c2bb0f
Binary files /dev/null and b/ej2-react/visual-studio-integration/images/OnlineExtension.png differ
diff --git a/ej2-react/visual-studio-integration/images/SyncfusionMenu.png b/ej2-react/visual-studio-integration/images/SyncfusionMenu.png
new file mode 100644
index 000000000..59c3b0eb5
Binary files /dev/null and b/ej2-react/visual-studio-integration/images/SyncfusionMenu.png differ
diff --git a/ej2-react/visual-studio-integration/images/react-project-wizard.png b/ej2-react/visual-studio-integration/images/react-project-wizard.png
index 91aacb191..ca2f32aef 100644
Binary files a/ej2-react/visual-studio-integration/images/react-project-wizard.png and b/ej2-react/visual-studio-integration/images/react-project-wizard.png differ
diff --git a/ej2-react/visual-studio-integration/images/syncfusion-template.png b/ej2-react/visual-studio-integration/images/syncfusion-template.png
index 1a153857d..6108786ac 100644
Binary files a/ej2-react/visual-studio-integration/images/syncfusion-template.png and b/ej2-react/visual-studio-integration/images/syncfusion-template.png differ