Syncfusion ASP.NET Core Project Templates Now Available for Angular and React | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (168).NET Core  (29).NET MAUI  (148)Angular  (95)ASP.NET  (51)ASP.NET Core  (81)ASP.NET MVC  (89)Azure  (40)Blazor  (186)BoldSign  (11)DocIO  (24)Essential JS 2  (101)Essential Studio  (194)File Formats  (50)Flutter  (127)JavaScript  (214)Microsoft  (118)PDF  (77)Python  (1)React  (87)Streamlit  (1)Succinctly series  (130)Syncfusion  (755)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (46)Windows Forms  (59)WinUI  (63)WPF  (147)Xamarin  (160)XlsIO  (28)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (134)Chart  (91)Cloud  (14)Company  (445)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (61)Development  (536)Doc  (7)DockingManager  (1)eBook  (98)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (29)Extensions  (21)File Manager  (6)Gantt  (17)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (420)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (36)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (11)Scheduler  (48)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (29)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (110)UI  (290)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (26)Visual Studio Code  (17)Web  (492)What's new  (270)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Syncfusion ASP.NET Core Project Templates Now Available for Angular and React

Syncfusion ASP.NET Core Project Templates Now Available for Angular and React

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.

React 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 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.


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 The Syncfusion ASP.NET Core VS extensions are also available in the Visual Studio Marketplace, 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 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
  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
  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 and React documentation for more information on rendering code and running the Angular and React applications.


In this blog, we discussed the availability of Angular and React project templates in the Syncfusion ASP.NET Core Visual Studio extensions. 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 WinFormsWPF, ASP.NET (Web FormsMVCCore), UWPXamarinFlutterJavaScriptAngularBlazorVue, and React. 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 page. If you are not yet a customer, you can try our 30-day free trial.

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 forumDirect-Trac, or feedback portal. We are always happy to assist you!


Share this post:

Comments (2)

How to use Typescript with React template in ASP.NET Core ?

Hi Raed Alahmad,

Please follow the steps from the below knowledge base link to use Typescript in the ASP.NET Core React application.

Ganesan Rengasamy.

Comments are closed.

Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top