NuGet Packages for Blazor UI components

30 Jun 202614 minutes to read

Starting with v18.4.0.30 (Volume 4, 2020), the Blazor UI components are separately available in individual NuGet packages. The NuGet packages are segregated based on the component usage and its namespace. The complete NuGet package Syncfusion.Blazor will also be available along with the individual NuGet packages. It means its support is not deprecated yet.

WARNING

Do not use both Syncfusion.Blazor and individual NuGet packages in the same application. It will throw ambiguous errors while compiling the project.

Syncfusion.Blazor.Core

This package contains the base component, common classes, common functionalities, and interfaces for the entire Blazor UI components.

NuGet package Components name Dependencies
Syncfusion.Blazor.Core Common, Base, MediaQuery

Syncfusion.Blazor.SmartComponents

The Blazor Smart Components are designed to seamlessly integrate with AI and offering intelligent features that go beyond standard user interfaces.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.SmartComponents
  • SfSmartPasteButton
  • SfSmartTextArea

Syncfusion.Blazor.SmartRichTextEditor

This package contains the Blazor SmartRichTextEditor for Blazor applications. The Blazor Smart Rich Text Editor is an advanced rich text editing component in Syncfusion’s Blazor suite that integrates artificial intelligence to enhance content creation and editing.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.SmartRichTextEditor
  • SfSmartRichTextEditor

Syncfusion.Blazor.InteractiveChat

The AI AssistView creates an interface through which users can interact with AI-driven suggestions and prompts.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.InteractiveChat
  • SfAIAssistView
  • SfChatUI

Syncfusion.Blazor.BarcodeGenerator

The Blazor BarcodeGenerator supports the most common 1D and 2D barcode, and complete customization of its appearance.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.BarcodeGenerator
  • SfBarcodeGenerator
  • SfDataMatrixGenerator
  • SfQRCodeGenerator
Syncfusion.Blazor.Core

Syncfusion.Blazor.BlockEditor

The Blazor BlockEditor is a modern, block-based content editor for composing rich, structured documents.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.BlockEditor
  • SfBlockEditor

Syncfusion.Blazor.BulletChart

The Blazor Bullet Chart is used to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures, and compares them with a target value. The measures can be displayed in a range of performance such as poor, satisfactory, and good.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.BulletChart Bullet Chart SfBulletChart

Syncfusion.Blazor.Buttons

The Blazor buttons package contains UI components such as Button, Checkbox, RadioButton, Switch, and Chip component. It is easy to use and integrate within the form.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Buttons
  • SfButton
  • SfCheckBox
  • SfChip
  • SfFab
  • SfRadioButton
  • SfSpeedDial
  • SfSwitch
  • SfIcon
Syncfusion.Blazor.Core

Syncfusion.Blazor.Calendars

The Calendars package contains date and time components such as Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker. These components come with options to disable dates, restrict selection, and show custom events.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Calendars
  • SfCalendar
  • SfDatePicker
  • SfDateRangePicker
  • SfDateTimePicker
  • SfTimePicker

Syncfusion.Blazor.Cards

A Blazor Card is a small layout that shows a defined content in an organized structure.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Cards Card SfCard

Syncfusion.Blazor.Charts

The Blazor Chart is a well-crafted charting component to visualize data. It contains a rich gallery of 30+ charts and graphs, ranging from line to financial that cater to all charting scenarios. Its high performance helps to render large amounts of data quickly. It also comes with features such as zooming, panning, tooltip, crosshair, trackball, highlight, and selection.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Charts
  • SfAccumulationChart
  • SfChart

Syncfusion.Blazor.ChartWizard

The Blazor Chart Wizard is an interactive chart creation and customization component for Blazor applications. It helps users configure chart types, data mappings, styling, and formatting with real-time preview.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.ChartWizard
  • SfChartWizard

Syncfusion.Blazor.Chart3D

The Blazor 3D Chart is a graphical representation of data in three dimensions, showcasing relationships and trends among variables.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Chart3D 3D Chart SfChart3D

Syncfusion.Blazor.CircularGauge

The Blazor Circular Gauge is used for visualizing numeric values on a circular scale with features like multiple axes, rounded corners, and more. The appearance of the gauge can be completely customized to simulate a speedometer, meter gauge, analog clock, etc.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.CircularGauge Circular Gauge SfCircularGauge

Syncfusion.Blazor.Data

The SfDataManager is a data management package to perform data operations such as grouping, sorting in Blazor applications. It will act as an abstraction for using local data sources like IEnumerable, Observable collections, and remote data sources like web services returning JSON, JSONP, OData.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Data DataManager SfDataManager Syncfusion.Blazor.Core

Syncfusion.Blazor.DataForm

The Blazor DataForm is a powerful UI component that simplifies the creation of dynamic and interactive forms in your applications. It offers flexible layout options, data binding capabilities, and supports various input types, making it easy to design user-friendly and efficient forms with features like validation and conditional logic.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.DataForm DataForm SfDataForm

Syncfusion.Blazor.DataVizCommon

The Blazor DataVizCommon is the base package for the svg elements used in the visualization components like charts and range selector.

NuGet package Components name Dependencies
Syncfusion.Blazor.DataVizCommon - Syncfusion.Blazor.Core

Syncfusion.Blazor.Diagram

The Blazor Diagram component is a high-speed, robust library for crafting, editing, and interacting with dynamic diagrams. Unleash your creativity with flowcharts, org charts, mind maps, and more. Seamlessly edit and engage with intuitive interactions.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Diagram
  • SfDiagramComponent
  • SfDiagramOverviewComponent
  • SfSymbolPaletteComponent

Syncfusion.Blazor.DropDowns

A package of Blazor Dropdown contains a collection of Dropdown components such as Dropdown List, Combo Box, AutoComplete, Multiselect Dropdown, and List Box. Dropdown components contain specific features such as data binding, grouping, sorting, filtering, and templates.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.DropDowns
  • SfAutoComplete
  • SfComboBox
  • SfDropDownList
  • SfListBox
  • SfMultiSelect
  • SfMention

Syncfusion.Blazor.FileManager

Blazor File Manager is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.FileManager FileManager SfFileManager

Syncfusion.Blazor.Gantt

The Blazor Gantt is designed to visualize and edit the project schedule, and track the project progress. It helps to organize and schedule the projects, and also the project schedule can be updated through interactions like editing, dragging, and resizing.

NuGet package Component friendly name Components name Dependencies
Syncfusion.Blazor.Gantt Gantt Chart SfGantt

Syncfusion.Blazor.Grid

Blazor DataGrid component is used to display and manipulate the tabular data with configuration options to control the way the data is presented. It can pull data from data sources such as IEnumerable, ObservableCollection, OData web services, or DataManager and binding data fields to columns. It also displays the column header to identify the field with support for grouped records.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Grid DataGrid SfGrid

Syncfusion.Blazor.HeatMap

Blazor HeatMap Chart is used to visualize two-dimensional data in which the values are represented in gradient or fixed colors.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.HeatMap HeatMap Chart SfHeatMap

Syncfusion.Blazor.InPlaceEditor

The Blazor In-place Editor component is most useful for editing a value dynamically within its context (in-place). Its features include inline and pop-up modes, and customizable user interface (UI) and events.

NuGet package Components friendly name Components name Dependencies