Create a New Blazor Application

  • 2 min to read

Follow the steps below to add DevExpress Blazor components to your application. Ensure your system meets the following requirements.

Step 1 - Create a Project

  1. Create a new ASP.NET Core project in Visual Studio 2019. To do this, click Create a new project on Visual Studio's start page and select the Blazor App template.


  2. Click Next.

  3. Specify the project name and location.


  4. Click Create.

  5. Select a project template.


  6. Click Create.

Step 2 - Install a NuGet Package

  1. Go to, log in as a registered DevExpress customer and click Obtain Feed URL and copy the feed URL to clipboard.


  2. Select Tools -> NuGet Package Manager -> Package Manager Settings.


  3. Navigate to NuGet Package Manager -> Package Sources. Click the plus sign at the top right corner to add a new NuGet package source. Use the following package settings:

    • Name - DevExpress NuGet

    • Source -{your feed authorization key}/api

    Click OK.



    Make sure the package source is also enabled.

  4. Select Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution.

  5. In the invoked dialog, select the created DevExpress NuGet package source. Find and install the DevExpress.Blazor NuGet package.

    To install the latest Release package version, clear the Include prereleases checkbox. To test a Beta version of the DevExpress.Blazor NuGet package, make sure that the Include prerelease option is enabled.


Step 3 - Register DevExpress Resources

  1. Build the project.

  2. Link the following file to your layout’s HEAD section:

    • For server-side Blazor, add the line below to the _Host.cshtml file.

          <link href="_content/DevExpress.Blazor/dx-blazor.css" rel="stylesheet" />
    • For client-side Blazor, add the line below to the index.html file.

          <link href="_content/DevExpress.Blazor/dx-blazor.css" rel="stylesheet" />

      Call the AddDevExpressBlazor(IServiceCollection) method from your project's Startup.ConfigureServices() method:

      using Microsoft.Extensions.DependencyInjection;
      public class Startup {
          public Startup(IConfiguration configuration) {
              Configuration = configuration;
          public IConfiguration Configuration { get; }
          public void ConfigureServices(IServiceCollection services) {
  3. Register DevExpress.Blazor namespace in _Imports.razor file:

    @using DevExpress.Blazor

Step 4 - Add DevExpress Blazor Components

For instructions on how to add a specific DevExpress Blazor component to your application, refer to the documents below: