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

Create New Projects

This article demonstrates how to use the Telerik Extension for Visual Studio Code to create a new project that is pre-configured for the Progress® Telerik® UI for Blazor components.

Get the Extension

To use the Telerik UI for Blazor Template Wizard, install the Telerik UI for Blazor Visual Studio Code Extension. You can get the extension from:

  • The Visual Studio Marketplace.

  • The Extensions tab in Visual Studio Code - search for Telerik UI for Blazor Template Wizard, select the extension, and then click Install.

Start the Wizard

To create a Telerik-enabled Blazor project:

  1. Press Ctrl+Shift+P in Windows/Linux or Cmd+Shift+P on Mac to open the VS Code extension launcher.

    launch Telerik Blazor VS Code extension

  2. Type/Select Telerik UI for Blazor Template Wizard: Launch and press Enter to launch the extension.

  3. Follow the project creation steps in the wizard:

    1. Choose a project name and location.

      choose Telerik project name and location

    2. Choose the project type (WASM or Server-side) and your Telerik license (trial or commercial, depending on what you have).

      choose Blazor project type and Telerik license

    3. Add some sample pages to get started (a grid with CRUD operations form a service, a form, charts).

      add sample pages

    4. Choose a Theme.

      choose Telerik Theme

  4. Open the project, and then run it:

    1. Open the Terminal and navigate to the Server project folder. For a Server-side project, this is the folder with the project name. For a WASM project, this is the Server folder.

    2. Execute dotnet run and navigate your browser to the link you see in the console output.

You now have a Blazor SPA app running!

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