--- title: "Easily Create Blazor Projects Using Syncfusion Blazor Template Studio" published_at: "2020-04-14T11:23:26+00:00" modified_at: "2026-02-11T05:47:13+00:00" url: "https://www.syncfusion.com/blogs/post/easily-create-blazor-projects-using-syncfusion-blazor-template-studio" excerpt: "Syncfusion has provided a Blazor Template Studio in the 2020 Volume 1 release for creating Blazor apps that integrate Syncfusion components. The various features of this extension—installing NuGet packages, adding Syncfusion Blazor component sample code, and applying built-in templates to..." taxonomy_category: - "Blazor" taxonomy_post_tag: - "Blazor" - "Visual Studio Extensions" - "Web Development" - "webdev" --- # Easily Create Blazor Projects Using Syncfusion Blazor Template Studio [Kannan](https://www.syncfusion.com/blogs/author/skannan) ![Easily Create Blazor Project Using Syncfusion Blazor Template Studio](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/Easily-Create-Blazor-Project-Using-Syncfusion-Blazor-Template-Studio.jpg) Syncfusion has provided a [Blazor Template Studio](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-Extension) in the [2020 Volume 1](https://www.syncfusion.com/forums/152921/essential-studio-2020-volume-1-release-v18-1-0-42-is-available-for-download) release for creating Blazor apps that integrate Syncfusion components. The various features of this extension—installing NuGet packages, adding [Syncfusion Blazor component](https://www.syncfusion.com/blazor-components) sample code, and applying built-in templates to enhance the user experience—make it a useful tool. These features save developers significant time in creating and configuring projects. The Syncfusion Blazor Template studio can be used to create Blazor Server App and Blazor WebAssembly App, with and without ASP.NET Core hosted and Progressive Web Application. In this blog, I am going to explain how to create a Syncfusion Blazor app using the Blazor Template Studio. ## Prerequisites The prerequisites for creating a Blazor app are: - Visual Studio 2019 - .NET Core 3.0 SDK or Later ([Download Link](https://dotnet.microsoft.com/download/dotnet-core) ) ## Installing the Syncfusion Blazor Template Studio extension The Blazor Template Studio extension for Visual Studio is available in the Blazor setup of the Syncfusion Essential Studio® 2020 Volume 1 release. It is also available as an extension in the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-Extension) , or you can directly install it from Visual Studio 2019 by navigating to **Extensions > Manage Extensions > Online** and searching for the Syncfusion Blazor Template Studio. Refer to this [blog](https://www.syncfusion.com/blogs/post/syncfusion-extensions-in-visual-studio-marketplace.aspx) to learn more about the extension and its installation. ## Creating a Syncfusion Blazor app The following are the steps to create a Syncfusion Blazor app: 1. In Visual Studio 2019, select **File > New > Project**. This opens a dialog for creating a new project. 2. In the dialog, either select the **Syncfusion** option in the templates or search for ** Syncfusion** in the search box.![Create a new project](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/01-Create-a-new-project.png) 3. Select **Syncfusion Blazor Template Studio** from the search results and click ** Next**.![Create a new project](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/02-Create-a-new-project-1.png) 4. Provide a name for the app. 5. Select the Blazor project type you need: 1. Syncfusion Blazor Server App. 2. Syncfusion Blazor WebAssembly App. **Note:** In Syncfusion Blazor WebAssembly App project type, we can choose ASP.NET Core hosted, Progressive Web Application, or both. **![Syncfusion Blazor template Studio - Select project type](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/03-Syncfusion-Blazor-template-Studio-Select-project-type-2.png)Note:** The Progressive Web Application option will only be available if .NET Core SDK version 3.1.102 or newer is installed. 1. Select the controls you need for your app by clicking the **Add** option in **Controls![Syncfusion Blazor template Studio - Select controls](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/04-Syncfusion-Blazor-template-Studio-Select-controls-2.png)** 2. In the **Features** tab, select the features you need for the selected Syncfusion controls.![Syncfusion Blazor template Studio - Select features](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/05-Syncfusion-Blazor-template-Studio-Select-features-2.png) 3. In the **Configuration** tab, choose the .NET Core version and themes, and then click ** Create**.![Syncfusion Blazor template Studio - Configuration](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/06-Syncfusion-Blazor-template-Studio-Configuration-2.png) The Blazor app will be created with the required NuGet packages for the Syncfusion components, and sample code for the selected features of the controls will be added as separate Razor files.![Blazor razor files added to the project](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/07-Blazor-razor-files-added-to-the-project-1.png) 1. Build and run the app to view the selected Syncfusion components.![Blazor application](https://www.syncfusion.com/blogs/wp-content/uploads/2020/04/08-Blazor-application-2.png) ## Conclusion In this blog, we learned about creating a Blazor project using the [Syncfusion Blazor Template Studio](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-Extension) available with our [2020 Volume 1](https://www.syncfusion.com/forums/152921/essential-studio-2020-volume-1-release-v18-1-0-42-is-available-for-download) release. This will help you create attractive web applications in less time. You can checkout our other Visual Studio extensions from this [blog](https://www.syncfusion.com/blogs/post/syncfusion-extensions-in-visual-studio-marketplace.aspx) . Now it’s your turn to try out our Syncfusion Blazor Template Studio to create versatile web applications. If you have any questions about our products, please let us know in the comments below. You can also contact us through our [support forum](https://www.syncfusion.com/forums) , [Direct-Trac](https://www.syncfusion.com/account/login) , or [feedback portal](https://www.syncfusion.com/feedback) . We are always happy to assist you!