New to Telerik UI for Blazor? Download free 30-day trial

Create New Projects

This article demonstrates how to create a new application that has the Progress® Telerik® UI for Blazor components working.

To create a new Telerik UI for Blazor application, use the Create New Project Wizard. The wizard detects all installed versions of Telerik UI for Blazor and lists them in the Version combobox—this enables you to start your project with the desired version. You can also get the latest version to make sure you are up to date.

Get the Wizard

To use the Create New Project Wizard, install the Telerik UI for Blazor Visual Studio Extensions. You can get them from the:

Start the Wizard

To start the wizard, use either of the following approaches:

  • Using the Extensions menu:

    1. Open the Extensions menu.
    2. Click Telerik > Telerik UI for Blazor > Create New Telerik Project.
    3. Follow the wizard.
  • Using the Project menu:

    1. Click File > New > Project.
    2. Find and click the Telerik C# Blazor Application option (you can use the search, or filter by Blazor templates).
    3. Follow the wizard.

Start the New Project Wizard

First, You will have the standard options to select a location and name for your app through the standard VS prompt

On the second screen, you will choose:

  • between a WebAssembly and server-side Blazor app
  • the .NET version you want to use
  • the Telerik Blazor version
  • one of the predefined Telerik templates

The available project templates:

  • Blank Template - This is a blank solution based on the Microsoft template, but with the Telerik components added (NuGet package reference, assets, service, the TelerikRootComponent).

  • CRUD, Form, Chart Template - A small app that showcases the Telerik Grid, Chart and forms validation. The grid also uses a basic CRUD service which is a common pattern for data updates in a real application.

  • Dashboard Template- A basic dashboard layout that uses the TileLayout component for customizable dashboards and showcases several ways individual blocks (tiles) can fetch data.

The Create New Project Wizard Templates Options

The wizard automates several steps for you, that you can also perform manually. To get a better understanding of what the wizard does for you, see either of the following articles (they provide the same information in different formats):

See Also

In this article
Not finding the help you need? Improve this article