Blazor

Introducing Individual NuGet Packages for Syncfusion Blazor UI Components

We at Syncfusion are happy to inform you that new individual NuGet packages for our Syncfusion Blazor UI components are now available from the 2020 Volume 4 release (v18.4.0.30).

The Syncfusion.Blazor NuGet source has been segregated based on the component and namespace. Each NuGet package uses the same namespace as in the NuGet Syncfusion.Blazor source. So, the new migration will not break your applications.

Pros of using individual NuGet packages

  • The individual NuGet packages are extremely valuable in reducing the size of the application by avoiding the loading of unwanted assemblies.
  • They will reduce the initial loading time when compared to the whole Syncfusion.Blazor package. You can install the required Syncfusion Blazor components alone in your application and ignore the rest of the components’ source code.
  • You can utilize the Blazor WebAssembly lazy-loading functionality.
  • You can use these individual NuGet packages in Blazor server-side applications to reduce the application’s deployment size in the production phase.

Note: You can’t use both the Syncfusion.Blazor and individual NuGet packages in the same application. It will lead to ambiguous compilation errors at build time.

Available NuGet packages

The following NuGet packages are now available in nuget.org.

NuGet package name Assembly name Components
Syncfusion.Blazor.Core Syncfusion.Blazor.Core.dll SfBaseComponent
Syncfusion.Blazor.BarcodeGenerator Syncfusion.Blazor.BarcodeGenerator.dll SfBarcodeGenerator
SfDataMatrixGenerator
SfQRCodeGenerator
Syncfusion.Blazor.Buttons Syncfusion.Blazor.Buttons.dll SfButton
SfCheckBox
SfChip
SfRadioButton
SfSwitch
Syncfusion.Blazor.Calendars Syncfusion.Blazor.Calendars.dll SfCalendar
SfDatePicker
SfDateRangePicker
SfDateTimePicker
SfTimePicker
Syncfusion.Blazor.Cards Syncfusion.Blazor.Cards.dll SfCard
Syncfusion.Blazor.Charts Syncfusion.Blazor.Charts.dll SfAccumulationChart
SfChart
Syncfusion.Blazor.CircularGauge Syncfusion.Blazor.CircularGauge.dll SfCircularGauge
Syncfusion.Blazor.Data Syncfusion.Blazor.Data.dll SfDataManager
Syncfusion.Blazor.Diagrams Syncfusion.Blazor.Diagrams.dll SfDiagram
SfOverview
SfSymbolPalette
Syncfusion.Blazor.DropDowns Syncfusion.Blazor.DropDowns.dll SfAutoComplete
SfComboBox
SfDropDownList
SfListBox
SfMultiSelect
Syncfusion.Blazor.FileManager Syncfusion.Blazor.FileManager.dll SfFileManager
Syncfusion.Blazor.Gantt Syncfusion.Blazor.Gantt.dll SfGantt
Syncfusion.Blazor.Grid Syncfusion.Blazor.Grids.dll SfGrid
Syncfusion.Blazor.HeatMap Syncfusion.Blazor.HeatMap.dll SfHeatMap
Syncfusion.Blazor.InPlaceEditor Syncfusion.Blazor.InPlaceEditor.dll SfInPlaceEditor
Syncfusion.Blazor.Inputs Syncfusion.Blazor.Inputs.dll SfColorPicker
SfMaskedTextBox
SfNumericTextBox
SfSlider
SfTextBox
SfUploader
Syncfusion.Blazor.Kanban Syncfusion.Blazor.Kanban.dll SfKanban
Syncfusion.Blazor.Layouts Syncfusion.Blazor.Layouts.dll SfDashboardLayout
SfSplitter
Syncfusion.Blazor.LinearGauge Syncfusion.Blazor.LinearGauge.dll SfLinearGauge
Syncfusion.Blazor.Lists Syncfusion.Blazor.Lists.dll SfListView
Syncfusion.Blazor.Maps Syncfusion.Blazor.Maps.dll SfMaps
Syncfusion.Blazor.Navigations Syncfusion.Blazor.Navigations.dll SfAccordion
SfContextMenu
SfMenu
SfSidebar
SfTab
SfToolbar
SfTreeView
Syncfusion.Blazor.Notifications Syncfusion.Blazor.Notifications.dll SfToast
Syncfusion.Blazor.PdfViewer Syncfusion.Blazor.PdfViewer.dll SfPdfViewer
Syncfusion.Blazor.PivotTable Syncfusion.Blazor.PivotTable.dll SfPivotFieldList
SfPivotView
Syncfusion.Blazor.Popups Syncfusion.Blazor.Popups.dll SfDialog
SfTooltip
Syncfusion.Blazor.ProgressBar Syncfusion.Blazor.ProgressBar.dll SfProgressBar
Syncfusion.Blazor.QueryBuilder Syncfusion.Blazor.QueryBuilder.dll SfQueryBuilder
Syncfusion.Blazor.RangeNavigator Syncfusion.Blazor.RangeNavigator.dll SfRangeNavigator
Syncfusion.Blazor.RichTextEditor Syncfusion.Blazor.RichTextEditor.dll SfRichTextEditor
Syncfusion.Blazor.Schedule Syncfusion.Blazor.Schedule.dll SfRecurrenceEditor
SfSchedule
Syncfusion.Blazor.SmithChart Syncfusion.Blazor.SmithChart.dll SfSmithChart
Syncfusion.Blazor.Sparkline Syncfusion.Blazor.Sparkline.dll SfSparkline
Syncfusion.Blazor.Spinner Syncfusion.Blazor.Spinner.dll SfSpinner
Syncfusion.Blazor.SplitButtons Syncfusion.Blazor.SplitButtons.dll SfButtonGroup
SfDropDownButton
SfProgressButton
SfSplitButton
Syncfusion.Blazor.StockChart Syncfusion.Blazor.StockChart.dll SfStockChart
Syncfusion.Blazor.Themes Syncfusion.Blazor.Themes.dll Material
Material Dark
Fabric
Fabric Dark
Bootstrap
Bootstrap Dark
Bootstrap v4
High-Contrast
Syncfusion.Blazor.TreeGrid Syncfusion.Blazor.TreeGrid.dll SfTreeGrid
Syncfusion.Blazor.TreeMap Syncfusion.Blazor.TreeMap.dll SfTreeMap
Syncfusion.Blazor.WordProcessor Syncfusion.Blazor.DocumentEditor.dll SfDocumentEditor
SfDocumentEditorContainer

Performance metrics

The following screenshot shows the assembly loading time of the complete Syncfusion.Blazor NuGet package and its dependency in the web browser.

The following screenshot shows the assembly loading time of the Syncfusion.Blazor.Buttons package by itself and its dependency in the web browser. When compared to loading the complete Syncfusion.Blazor NuGet package to use Buttons, loading the Syncfusion.Blazor.Buttons NuGet package is more efficient.

The following screenshot shows the assembly loading time of the Syncfusion.Blazor.Grid package and its dependency in the web browser.

Note: The previous metrics were taken in a Blazor WebAssembly application with .NET 5.0 in localhost release mode.

Summary

In this blog, we have talked about the availability of the new individual NuGet packages for the Syncfusion Blazor UI components in the 2020 Volume 4 release. We have also looked at the NuGet package segregation, performance metrics, and advantages.

Syncfusion Blazor components offer over 65 high-performance, lightweight, and responsive UI components for the web, including file-format libraries. Make use of these well-matured components and save time developing complex applications.

 You can contact us through our support forumDirect-Trac, or feedback portal. We are always happy to assist you!

Ajith R

Ajith is the Product Manager for Syncfusion Web Platforms. He has designed and developed the core architecture for Syncfusion JavaScript and Blazor components. He is passionate about web technology and has been active in web development since 2013.