--- title: "Syncfusion ASP.NET Core Project Templates Now Available for Angular and React" published_at: "2020-06-16T10:00:45+00:00" modified_at: "2020-06-16T08:40:36+00:00" url: "https://www.syncfusion.com/blogs/post/syncfusion-asp-net-core-project-templates-now-available-for-angular-and-react" excerpt: "Angular is a platform and framework for building single-page client-side applications using HTML and TypeScript. Angular itself is written in TypeScript. It implements core and optional functionalities as a set of TypeScript libraries that you can import into your apps...." taxonomy_category: - "Angular" - "ASP.NET Core" - "React" - "Web" taxonomy_post_tag: - "Angular" - "ASP.NET Core" - "React" - "Web Development" --- # Syncfusion ASP.NET Core Project Templates Now Available for Angular and React [Kannan](https://www.syncfusion.com/blogs/author/skannan) ![Syncfusion ASP.NET Core Project Templates Now Available for Angular and React](https://www.syncfusion.com/blogs/wp-content/uploads/2020/06/Syncfusion-ASP.NET-Core-Project-Templates-Now-Available-for-Angular-and-React.jpg) [Angular](https://angular.io/) is a platform and framework for building single-page client-side applications using HTML and TypeScript. Angular itself is written in TypeScript. It implements core and optional functionalities as a set of TypeScript libraries that you can import into your apps. [React](https://reactjs.org/) is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components.” [Syncfusion ASP.NET Core Visual Studio extensions](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions) now provide Angular and React project templates when creating a Syncfusion ASP.NET Core application. This allows Syncfusion Angular and React components to be used in an ASP.NET Core application. The templates in the VS extensions have been upgraded from Microsoft .NET Core 3.0 to .NET Core 3.1. Themes, assets from NPM and CDN, and other built-in features make the templates a useful tool for developers interested in building an application. In this blog, I am going to walk you through creating ASP.NET Core Angular and ASP.NET Core React apps configured with Syncfusion components. ## **Prerequisites** - Visual Studio 2019 - .NET Core 3.0 SDK or Later ([Download Link](https://dotnet.microsoft.com/download/dotnet-core/3.0) ) ## **Installing the Syncfusion Angular and React templates** The Angular and React project templates are included in the Syncfusion ASP.NET Core extensions available in Syncfusion Essential Studio® release 17.1.0.47. The Syncfusion ASP.NET Core VS extensions are also available in the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions) , can be installed directly from Visual Studio 2019 using **Extensions** > ** Manage Extensions** > ** Online** (search for ** Syncfusion**), and can be installed directly from Visual Studio 2017 using ** Tools** > ** Extensions and Updates** > ** Online**. Refer to this [blog](https://www.syncfusion.com/blogs/post/syncfusion-extensions-in-visual-studio-marketplace.aspx) to learn more about extensions and their installation. ## **Creating a Syncfusion Angular or React application** Follow these steps to create a Syncfusion ASP.NET Core Angular or React application: 1. Open **Visual Studio 2019**. 2. Select the **Syncfusion ASP.NET Core Web Application** and click ** Next**. ![Create a new project dialog](https://www.syncfusion.com/blogs/wp-content/uploads/2020/06/Create-a-new-project-dialog-1.png) 3. Name the application and click **Next**. 4. Select either the **Syncfusion Angular** or ** Syncfusion React** template in the configuration wizard. ![ASP.NET Core project configuration wizard dialog](https://www.syncfusion.com/blogs/wp-content/uploads/2020/06/ASP.NET-Core-project-configuration-wizard-dialog.png) 5. Choose the themes and assets you want in your application and click **Create**. 6. The ASP.NET Core Angular or React application will be created with the required Syncfusion component NuGet packages for development. Now you can use the Syncfusion components in your TypeScript (Angular) or component (React) file. Refer to our [Angular documentation](https://ej2.syncfusion.com/angular/documentation/introduction/) and [React documentation](https://ej2.syncfusion.com/react/documentation/introduction/) for more information on rendering code and running the Angular and React applications. ## Conclusion In this blog, we discussed the availability of [Angular](https://www.syncfusion.com/angular-ui-components) and [React](https://www.syncfusion.com/react-ui-components) project templates in the [Syncfusion ASP.NET Core Visual Studio extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions) s. This support helps you build versatile applications by providing beautiful templates and reducing the required development work. Syncfusion has over 1,600 components and frameworks for [WinForms](https://www.syncfusion.com/winforms-ui-controls) , [WPF](https://www.syncfusion.com/wpf-ui-controls) , ASP.NET ([Web Forms](https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls) , [MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls) , [Core](https://www.syncfusion.com/aspnet-core-ui-controls) ), [UWP](https://www.syncfusion.com/uwp-ui-controls) , [Xamarin](https://www.syncfusion.com/xamarin-ui-controls/) , [Flutter](https://www.syncfusion.com/flutter-widgets) , [JavaScript](https://www.syncfusion.com/javascript-ui-controls) , [Angular](https://www.syncfusion.com/angular-ui-components) , [Blazor](https://www.syncfusion.com/blazor-components) , [Vue](https://www.syncfusion.com/vue-ui-components) , and [React](https://www.syncfusion.com/react-ui-components) . Use them to boost your application development speed and deliver innovation with ease. For current customers, the latest version of our controls is available in the [License and Downloads](https://www.syncfusion.com/account/downloads) page. If you are not yet a customer, you can try our 30-day [free trial](https://www.syncfusion.com/downloads) . If you wish to send us feedback or would like to submit any questions, please feel free to post them in the comments section below. You can also contact us through our [support forum](https://www.syncfusion.com/forums) , [Direct-Trac,](https://www.syncfusion.com/support/directtrac/) or [feedback portal](https://www.syncfusion.com/feedback/) . We are always happy to assist you!