NuGet Packages for Syncfusion® Blazor UI components

2 Apr 202515 minutes to read

Starting with v18.4.0.30 (Volume 4, 2020), the Syncfusion® 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 Syncfusion® Blazor UI components.

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

Syncfusion.Blazor.SmartComponents

The Syncfusion® 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.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.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.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.Buttons Syncfusion.Blazor.Calendars Syncfusion.Blazor.Core Syncfusion.Blazor.DropDowns Syncfusion.Blazor.Inputs

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
Syncfusion.Blazor.InPlaceEditor In-place Editor SfInPlaceEditor

Syncfusion.Blazor.ImageEditor

The Blazor Image Editor component loads and modifies the images by performing actions like cropping, rotating, resizing, applying filters, inserting text and shapes such as rectangles, circles, and arrows on top of an image, and drawing freehand.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.ImageEditor Image Editor SfImageEditor

Syncfusion.Blazor.Inputs

A package of Blazor input components comes with a collection of form components. They can be used to get different input values from the users such as text, numbers, patterns, color, and file inputs.

</tr> </table> ## Syncfusion.Blazor.Kanban The Blazor Kanban board visually depicts work at various stages of a process using columns, cards, and swimlane.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Inputs
  • SfColorPicker
  • SfMaskedTextBox
  • SfNumericTextBox
  • SfRating
  • SfSlider
  • SfTextBox
  • SfUploader
  • SfSignature
  • SfTextArea
  • SfOtpInput
  • SfSpeechToText
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Kanban Kanban SfKanban
## Syncfusion.Blazor.Layouts The layout package contains Splitter and Dashboard Layout components. The Blazor DashboardLayout is a grid structured layout control that helps to create a dashboard with panels. The splitter is a layout component used to construct different layouts using multiple and nested panes that are resizable and expandable.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Layouts
  • SfDashboardLayout
  • SfSplitter
  • SfTimeline
## Syncfusion.Blazor.LinearGauge The Blazor Linear Gauge is used for visualizing numeric values in a linear scale with features like multiple axes, different orientations, and more. The appearance of the gauge can be completely customized to simulate a thermometer, pressure gauge, ruler, etc.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.LinearGauge Linear Gauge SfLinearGauge
## Syncfusion.Blazor.Lists Blazor ListView component allows to select an item or multiple items from a list-like interface and represents the data in an interactive hierarchical structure across different layouts or views. Lists are used for displaying data, data navigation, and data entry.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Lists ListView SfListView
## Syncfusion.Blazor.Maps The Blazor Maps component is used for rendering maps from GeoJSON data or other map providers like OpenStreetMap, Google Maps, and Bing Maps. Its rich feature set includes markers, labels, bubbles, navigation lines, legends, tooltips, zooming, panning, drill down, and much more.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Maps Maps SfMaps
## Syncfusion.Blazor.MultiColumnComboBox
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.MultiColumnComboBox MultiColumn ComboBox SfMultiColumnComboBox
## Syncfusion.Blazor.Navigations A package of Blazor navigation components such as Accordion, ContextMenu, Tabs, Toolbar, TreeView, and Sidebar.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Navigations
  • SfAccordion
  • SfAppBar
  • SfBreadcrumb
  • SfContextMenu
  • SfDropDownTree
  • SfMenu
  • SfSidebar
  • SfStepper
  • SfTab
  • SfToolbar
  • SfTreeView
  • SfPager
## Syncfusion.Blazor.Notifications The notification component Toast is used to notify status or summary information to the end-users.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Notifications
  • SfToast
  • SfSkeleton
  • SfMessage
## Syncfusion.Blazor.PdfViewer The Blazor PDF Viewer supports viewing and reviewing PDF files in web applications and also printing them. The thumbnail, bookmark, hyperlink, and table of contents supports provide easy navigation within and outside the PDF files. The form-filling support provides a platform to fill and print with AcroForms. The PDF files can be reviewed with the available annotation tools. #### For Blazor WebAssembly application
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.PdfViewer PDF Viewer SfPdfViewer
#### For Blazor Server application
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.PdfViewerServer.Windows PDF Viewer Server SfPdfViewerServer
N> For developing Linux or Mac (OSX) operating system, use the following corresponding libraries:
* For Linux, use [Syncfusion.Blazor.PdfViewerServer.Linux](https://www.nuget.org/packages/Syncfusion.Blazor.PdfViewerServer.Linux)
* For Mac (OSX), use [Syncfusion.Blazor.PdfViewerServer.OSX](https://www.nuget.org/packages/Syncfusion.Blazor.PdfViewerServer.OSX) ## Syncfusion.Blazor.SfPdfViewer The SfPdfViewer is designed to be independent of web services, allowing users to view, edit, print, and download PDF files directly within Blazor applications. It offers various features such as thumbnails, bookmarks, hyperlinks, and table of contents for easy navigation within and outside the PDF files. Additionally, it supports form-filling with AcroForms and ensures fast and responsive performance. Integration of the component into both Blazor Server and WASM applications is straightforward and requires minimal effort. #### For Blazor Server & WebAssembly application
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.SfPdfViewer PDF Viewer(Next-Gen) SfPdfViewer2
## Syncfusion.Blazor.PivotTable The Blazor Pivot Table is a powerful control used to organize and summarize business data and display the result in a cross-table format. It includes major functionalities such as data binding, drilling up and down, Excel-like filtering and sorting, editing, Excel and PDF exporting, several built-in aggregations, pivot table field list, and calculated fields.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.PivotTable Pivot Table
  • SfPivotFieldList
  • SfPivotView
## Syncfusion.Blazor.Popups A package of Blazor popup components Dialog and Tooltip are used to display information or to get input from the users in a popup.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Popups
  • SfDialog
  • SfTooltip
## Syncfusion.Blazor.ProgressBar The Progress Bar control can be used to visualize the changing status of an extended operation such as a download, file transfer, or installation. All the progress bar elements are rendered using scalable vector graphics (SVG) to ensure the quality of the visual experience.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.ProgressBar ProgressBar SfProgressBar
## Syncfusion.Blazor.QueryBuilder The Blazor QueryBuilder package contains the QueryBuilder component that allows the users to create and edit filters. It supports data binding, templates, validation, and horizontal and vertical orientation.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.QueryBuilder QueryBuilder SfQueryBuilder
## Syncfusion.Blazor.Ribbon
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Ribbon Ribbon SfRibbon
## Syncfusion.Blazor.RangeNavigator The Blazor Range Navigator is an interface for selecting a small range from a larger collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.RangeNavigator Range Selector SfRangeNavigator
## Syncfusion.Blazor.RichTextEditor The Rich Text Editor component is the HTML and markdown editor that provides the best user experience for creating, updating, and formatting the content.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.RichTextEditor SfRichTextEditor
## Syncfusion.Blazor.Sankey
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Sankey Sankey SfSankey
## Syncfusion.Blazor.Schedule The Blazor Scheduler component is an event calendar that facilitates users with the common Outlook-calendar features, thus allowing them to plan and manage their events/appointments and their time in an efficient way.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Schedule
  • SfRecurrenceEditor
  • SfSchedule
## Syncfusion.Blazor.SmithChart The Blazor Smith Chart is a control for showing the parameters of transmission lines in high-frequency circuit applications. Its rich feature set includes features like legends, markers, tooltips, and data labels.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.SmithChart Smith Chart SfSmithChart
## Syncfusion.Blazor.Sparkline The Blazor Sparkline Charts is a replacement for normal charts to display trends in a very small area. Customize sparklines completely by changing the series or axis type and by adding markers, data labels, range bands, and more.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Sparkline Sparkline SfSparkline
## Syncfusion.Blazor.Spinner The Blazor Spinner is a loading indicator that denotes long-running tasks with no information about their progress. The component provides circular progress indicators without any interaction capabilities.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Spinner Spinner SfSpinner Syncfusion.Blazor.Core
## Syncfusion.Blazor.SplitButtons The Blazor SplitButtons package contains UI components such as DropDownButton, SplitButton, ProgressButton, and ButtonGroup components. DropDownButton and SplitButton component display a list of items when a button is clicked and the ButtonGroup can be used for easy navigation.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.SplitButtons
  • SfButtonGroup
  • SfDropDownButton
  • SfProgressButton
  • SfSplitButton
## Syncfusion.Blazor.StockChart The Blazor Stock Chart is an easy-to-use financial charting package to track and visualize the stock price of any company over a specific period using charting and range tools. It also comes with a lot of features such as zooming, panning, tooltip, crosshair, trackball, period selector, range selector, and events to make the stock charts more interactive.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.StockChart Stock Chart SfStockChart
## Syncfusion.Blazor.Themes This package contains the Syncfusion® Blazor UI components theme files.
NuGet package Friendly name Dependencies
Syncfusion.Blazor.Themes
  • Material
  • Material Dark
  • Fabric
  • Fabric Dark
  • Bootstrap
  • Bootstrap Dark
  • Bootstrap v4
  • High-Contrast
 None
## Syncfusion.Blazor.TreeGrid Blazor Tree Grid is a feature-rich control used to visualize self-referential and hierarchical data effectively in a tabular format. It can pull data from data sources such as an enumerable collection of records, RESTful services, OData services, WCF services, or DataManager. It also expands or collapses child data using the tree column.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.TreeGrid TreeGrid SfTreeGrid
## Syncfusion.Blazor.TreeMap Blazor TreeMap is a feature-rich component used to visualize both hierarchical and flat data. The look and feel of the treemaps can be customized by using the built-in features like color mapping, legends, and label templates.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.TreeMap TreeMap SfTreeMap
## Syncfusion.Blazor.WordProcessor The Blazor Word Processor (Document Editor) is a component with editing capabilities like Microsoft Word. It is used to create, edit, view, and print Word documents. It provides all the common Word processing features including editing text, formatting contents, resizing images and tables, finding and replacing text, bookmarks, tables of contents, printing, and importing and exporting Word documents.
NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.WordProcessor Word Processor
  • SfDocumentEditor
  • SfDocumentEditorContainer
## Benefits of using individual NuGet packages * These individual NuGet packages are extremely useful while rendering Syncfusion® Blazor components in Blazor WebAssembly applications. These packages will reduce the initial loading time in Blazor WebAssembly applications. * While installing `Syncfusion.Blazor` NuGet package in a Blazor WebAssembly application, it will load the complete Syncfusion® Blazor library in the web browser which takes more initial loading time. Whereas, the individual NuGet package installation will resolve this and load the required components assembly alone in the web browser. * The [Lazy load assemblies in Blazor WebAssembly](https://learn.microsoft.com/en-us/aspnet/core/blazor/webassembly-lazy-load-assemblies?view=aspnetcore-7.0) functionality can be utilized with the Syncfusion® Blazor individual NuGet packages. * These individual NuGet packages can be used in the Blazor Server application to reduce the application deployment size in production.