Welcome to Syncfusion® Blazor Components

28 Oct 202510 minutes to read

Syncfusion® Blazor Components is an enterprise-grade, native UI components library for creating Blazor WebAssembly and Blazor Server applications. Built specifically for Blazor, the components are lightweight, responsive, and touch-friendly to support modern web applications.

Ready to streamline your Syncfusion® Blazor development? Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Developer Tools. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. Explore Syncfusion® AI Developer Tools

Ready to streamline your Syncfusion® Blazor development? Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Coding Assistant. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. Explore Syncfusion® AI Coding Assistant

How to best read this user guide

  • The best way to get started is to read the Getting Started section of the documentation for the component intended for use. The Getting Started section covers the essential concepts to know before writing code. This is the only section recommended to read end-to-end before coding; other topics can be referenced as needed. Ensure the required SDKs and the supported .NET/Blazor versions are installed.

  • After becoming familiar with the basics of a component, integrate it into the application. A practical next step is to review the code snippets in the online sample browser, which contains hundreds of examples. It is likely there is a sample that matches the intended usage scenario.

Components List

GRIDS

DataGrid
Pivot Table
TreeGrid
Multicolumn ComboBox

FILE VIEWERS & EDITORS

Rich Text Editor
Markdown Editor
Image Editor

LAYOUT

Dialog
Predefined Dialog
ListView
Tooltip
Splitter
Dashboard Layout
Card
Avatar
Media Query
Timeline

DATA VISUALIZATION

Chart
3D Chart
Sankey
Stock Chart
Circular Gauge
Linear Gauge
Diagram
HeatMap
Maps
Range Selector
Smith Chart
Sparkline Chart
Accumulation Chart
Barcode
TreeMap
Bullet Chart
Kanban

BUTTONS

Button
Button Group
Dropdown Menu
Progress Button
Split Button
Chips
Icons
Floating Action Button
Speed Dial

CALENDARS

Scheduler
Gantt Chart
Calendar
DatePicker
DateRangePicker
DateTime Picker
TimePicker

INPUTS

TextBox
Input Mask
Numeric TextBox
RadioButton
CheckBox
Color Picker
File Upload
Range Slider
Textarea
Toggle Switch Button
Signature
Rating
OTP Input
Speech To Text

FORMS

In-place Editor
Query Builder
Data Form

Interactive chat

AI AssistView
Chat UI

DROPDOWNS

AutoComplete
ListBox
ComboBox
Dropdown List
Dropdown Tree
MultiSelect Dropdown
Mention

NAVIGATION

Accordion
Breadcrumb
Carousel
Context Menu
Menu Bar
Sidebar
Tabs
Toolbar
TreeView
File Manager
Ribbon
Pager
AppBar
Stepper

NOTIFICATION

Toast
Progress Bar
Spinner
Badge
Skeleton
Message

Smart Component list

Smart AI

Smart Paste Button
Smart TextArea
Smart PDF Viewer

Getting Help

  • If information is not found in the self-help resources mentioned above, contact support by creating a ticket in the support site or ask a question on Stack Overflow using the syncfusion-blazor tag.

  • If a feature is not available, request it in the feedback portal.

See also