Managing NuGet Packages

21 Feb 20241 minute to read

Syncfusion Blazor Playground pre-configures the Syncfusion.Blazor package for immediate component rendering. However, this loads the entire Syncfusion Blazor library, affecting initial page load time. You can optimize performance by using individual NuGet packages, loading only the specific components you need.

Adding NuGet packages

  • Open the NuGet Asset Manager sidebar.
  • Search and select the desired package with its preferred version. Install it using the Install NuGet button.


Uninstall the Syncfusion.Blazor package before installing individual packages.

For example, Uninstall Syncfusion.Blazor and install the latest Syncfusion.Blazor.Calendar.

Syncfusion Blazor Playground with NuGet Package

  • Add the rendering code in the code editor.
@using Syncfusion.Blazor
@using Syncfusion.Blazor.Calendars
<SfCalendar TValue="DateTime"></SfCalendar>
  • Execute the code with the Run button or Ctrl+R to execute the code. The output will appear in the result view.

Removing Packages

Click the Remove button next to the installed package details to uninstall it.

Syncfusion Blazor Playground with Delete Package

Control the NuGet Versioning

Upgrade or downgrade packages by searching for the desired package name and selecting the specific version. The Playground will handle installation or updates accordingly.


Maintain consistent versions across all Syncfusion Blazor packages to avoid compatibility issues.

Syncfusion Blazor Playground with Upgrade and Downgrade