NuGet Packages for Syncfusion Blazor UI components

18 Mar 202413 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 friendly name Components name Dependencies
Syncfusion.Blazor.Core MediaQuery
  • SfMediaQuery

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.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.

NuGet package Components friendly name Components name Dependencies
Syncfusion.Blazor.Inputs
  • SfColorPicker
  • SfMaskedTextBox
  • SfNumericTextBox
  • SfRating
  • SfSlider
  • SfTextBox
  • SfUploader
  • SfSignature

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.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.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

NOTE

For developing Linux or Mac (OSX) operating system, use the following corresponding libraries:

* For Linux, use Syncfusion.Blazor.PdfViewerServer.Linux

* For Mac (OSX), use 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.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 RichTextEditor SfRichTextEditor

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 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.