2025 Volume 2 boosts our Blazor collection with a new Spreadsheet component, major performance boosts for several controls, and redaction capabilities in the PDF Viewer.
What’s New
What’s New in Syncfusion® Blazor Components
Syncfusion® Blazor components are now compatible with .NET 10 Previews 1, 2, 3, 4, and 5.
The Spreadsheet component has been added to Blazor in preview mode.
The Blazor Spreadsheet component provides a comprehensive, Excel-like experience in web applications. It offers essential spreadsheet functionalities, including formula calculations, data manipulation, and file operations, enabling developers to build powerful applications with familiar spreadsheet interfaces. The component is designed to handle complex data scenarios while maintaining optimal performance for web applications.
The following components have been developed to meet industry standards and are now marked as production-ready for Blazor:
The Blazor AI AssistView supports attaching files directly to the prompts. This allows users to include documents (like .docx, .pdf, or images) to enhance prompt context and get more accurate AI responses.
The Blazor AI AssistView supports div-based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
The border radius feature for accumulation charts, including pie and donut, enhances visual aesthetics by adding rounded corners to chart elements.
Check out the demo
Users can display labels at the center of the pie and donut charts, providing better data context and improving the presentation of information.
Check out the demo
Users can display the total value of each section in a stacked column or bar chart, making it easier to read and understand the data series. This enhancement greatly improves the ability to interpret complex datasets.
Check out the demo
This feature allows users to customize the position of the scrollbar within charts, enabling enhanced user interaction tailored to specific project requirements.
Check out the demo
Users can customize the position of the zoom toolbar in charts. This functionality offers flexibility in designing user interfaces that require specific tool placements, enhancing user experience with chart interactions.
Check out the demo
Users can now specify column width in exact pixel values for column series types in the Blazor Chart component. This feature offers precise control over the appearance of chart columns.
The chat UI supports indicating the user’s presence and activity states, including online, offline, busy, and away statuses.
The compact mode aligns all messages to the left regardless of the sender, creating a streamlined layout ideal for group conversations or space-constrained interfaces.
Users can perform message-level actions directly within the chat interface, including copy, reply, pin, delete, and forward actions.
The Blazor Chat UI now supports div-based text input instead of traditional textarea, offering a more intuitive and flexible user experience for prompt entry.
The DataGrid allows users to drop rows into empty areas of the target grid, making row reordering and moving rows between grids more flexible and user-friendly.
Users can customize the built-in filter editors in the filter menu and Excel filter dialogs in the DataGrid.
The DataGrid ignores accent marks and diacritic characters during search and filter operations, making it easier to find matching records in multilingual data.
The persist selection feature supports custom data binding. Selections are retained across data operations such as paging, sorting, and filtering.
This feature ensures that connectors adjust dynamically to avoid overlapping with neighboring connectors, maintaining a clear and organized diagram. By automatically updating the connector geometry, it eliminates visual clutter and enhances the readability of connection paths, resulting in a more structured and comprehensible diagram.
A UML sequence diagram visually represents how a set of objects interact in a process over time. With this feature, you can automatically generate these diagrams from model data, streamlining the visualization of interactions between objects in a system. It dynamically creates lifelines, messages, and activation boxes based on the provided data, reducing manual effort and ensuring accuracy.
Mermaid syntax is a Markdown-inspired text-based language designed to define diagrams through simple, readable commands. This feature allows users to create UML sequence diagrams from Mermaid syntax and export them back, simplifying visualization, sharing, editing, and cross-platform use. Users can also use AI assistants to generate Mermaid syntax for these diagrams and directly import it into the Angular Diagram component.
This feature allows users to define ports (connection points) on connectors. These ports can be used to create precise connections between connectors or shapes.
The performance of the Diagram component is now significantly faster when working with nodes containing annotations and connectors. The following updates enhance the initial loading time and optimize various interactions, resulting in a more efficient user experience:
| Feature | Scenario | Server Improvement (%) | WASM Improvement (%) |
|---|---|---|---|
| Initial loading | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 42.1 | 39.1 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 11.8 | 56.6 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 24.4 | 72.2 | |
| Resize | 100 Nodes, 100 Connectors, 100 Annotations | 66.67 | 33.33 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 48.65 | 54.55 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 73.33 | 64 | |
| Rotate | 100 Nodes, 100 Connectors, 100 Annotations | 49.90 | 50 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 26.09 | 55.93 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 67.65 | 53.13 | |
| Drag | 100 Nodes, 100 Connectors, 100 Annotations | 60 | 52.38 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 66.67 | 56 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 81.48 | 64.29 | |
| Selection of all elements using keyboard | 100 Nodes, 100 Connectors, 100 Annotations | 73.08 | 99.69 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 98.48 | 99.78 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 99.80 | 98.37 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 99.63 | 96.5 | |
| Selection of all elements using mouse | 100 Nodes, 100 Connectors, 100 Annotations | 71.43 | 70 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 99.49 | 99.56 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 99.78 | 98.67 | |
| Cut | 100 Nodes, 100 Connectors, 100 Annotations | 30 | 70 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 18.18 | 87.72 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 41.38 | 42.86 | |
| Paste | 100 Nodes, 100 Connectors, 100 Annotations | 64.29 | 75.19 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 57.32 | 87.74 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 70.68 | 50 | |
| Delete | 100 Nodes, 100 Connectors, 100 Annotations | 68.42 | 58.33 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 49.04 | 94.44 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 53.85 | 75.33 | |
| Undo/redo | 100 Nodes, 100 Connectors, 100 Annotations | 40 | 68.60 |
| 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 30.65 | 46.15 | |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 61.70 | 64.67 | |
| Symbols loading in symbol palette | 100 nodes | 83.33 | 88.83 |
| 500 nodes | 77.78 | 87.37 | |
| 1000 nodes | 86.96 | 86.92 | |
| 5000 nodes | 85.71 | 92.16 | |
| 10000 nodes | 84.24 | 90.48 | |
| Organization chart using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 58.62 | 11.11 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 42.11 | 67.89 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 72.82 | 84.81 | |
| Hierarchical using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 53.75 | 3.63 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 48.15 | 65.16 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 44.62 | 87.50 | |
| Complex hierarchical using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 65.54 | 11.11 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 22.22 | 50.62 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 62 | 69.57 | |
| Mind map using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 28.39 | 13.89 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 28.57 | 40 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 64.71 | 64.31 | |
| Radial tree using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 46.90 | 16.56 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 26.35 | 55.60 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 70.59 | 78.04 | |
| Flowchart using a collection | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 42.07 | 8.21 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 18.75 | 62.31 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 65.05 | 71.76 | |
| Organization chart using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 51.29 | 12.78 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 40.09 | 65.45 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 71.82 | 73.60 | |
| Hierarchical using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 45.58 | 14.30 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 42.66 | 55.26 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 67.92 | 69.85 | |
| Complex hierarchical using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 39.93 | 49.32 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 43.97 | 47.40 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 33.68 | 69.63 | |
| Mind map using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 8.54 | 13.48 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 41.67 | 42.31 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 25.35 | 60.96 | |
| Radial tree using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 45.51 | 6.10 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 3.8 | 37.44 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 45.33 | 55.62 | |
| Flowchart using a data source | 1,000 Nodes, 1,000 Connectors, 1,000 Annotations | 30.24 | 13.49 |
| 5,000 Nodes, 5,000 Connectors, 5,000 Annotations | 37.24 | 44.53 | |
| 10,000 Nodes, 10,000 Connectors, 10,000 Annotations | 30 | 57.71 |
The Document Editor supports screen readers for better accessibility. When enabled, it provides the necessary information so that screen reader tools can read and interpret the content.
The following enhancements allow users to automate the required behaviors of editing the Word document content easily.
The 2025 Volume 2 release supercharges the Blazor Dropdown List, ComboBox, AutoComplete, and MultiSelect Dropdown components, delivering faster rendering, smoother pop-up displays, and quicker filtering for large datasets. Developers can build responsive forms, search interfaces, or enterprise dashboards that handle thousands of items with a fluid user experience. With optimized virtualization, these components scale seamlessly for high-performance applications like product catalogs or user management systems, all without requiring code changes.
| Component | Scenario | Performance Improvement |
|---|---|---|
| Dropdown List | Initial Rendering | 1.2X Faster (WASM) |
| Dropdown List | Pop-Up Opening | Significant (WASM) |
| Dropdown List | Filtering | Significant (WASM) |
| Dropdown List | Two-Way Value Binding | Significant (WASM) |
| Dropdown List | Virtualization | 1.5X Faster (Server) |
| ComboBox | Initial Rendering | 1.1X Faster (Server) |
| ComboBox | Pop-Up Opening | Significant (WASM) |
| ComboBox | Filtering | 16X Faster (Server) |
| ComboBox | Two-Way Value Binding | 5X Faster (WASM) |
| ComboBox | Virtualization | 4X Faster (WASM) |
| AutoComplete | Initial Rendering | 1.2X Faster (Server) |
| AutoComplete | Pop-Up Opening | 1.7X Faster (Server) |
| AutoComplete | Filtering | 1.1X Faster (WASM) |
| AutoComplete | Two-Way Value Binding | 1.3X Faster (Server) |
| AutoComplete | Virtualization | 4X Faster (WASM) |
| MultiSelect Dropdown | Initial Rendering | 1.3X Faster (Server) |
| MultiSelect Dropdown | Pop-Up Opening | Significant (WASM) |
| MultiSelect Dropdown | Filtering | Significant (WASM) |
| MultiSelect Dropdown | Two-Way Value Binding | Significant (WASM) |
| MultiSelect Dropdown | Virtualization | 4X Faster (WASM) |
The Syncfusion Excel Library supports Auto Fill and Fill Series features, allowing users to programmatically fill a range of cells based on patterns, sequences, or trends, eliminating manual data entry.
The following enhancements have been made in the chart-to-image conversion.
Font substitution, allowing users to configure alternative fonts when the original fonts are unavailable on the system during chart-to-image conversion, ensuring consistent rendering of chart content.
Fallback fonts for Unicode text during the chart conversion to images. These fallback fonts come into play when the rendering engine encounters Unicode text that lacks a corresponding glyph in the specified fonts.
Users can now open images with specified width and height values using additional parameters in the OpenAsync method. This enhancement introduces three additional optional parameters: width, height, and isAspectRatio. Image dimensions can be precisely controlled while preserving the aspect ratio, if needed. This provides more control over rendering images, especially when dealing with high-resolution images or fixed canvas requirements.
Underline and Strikethrough formatting options have been added to text annotations. This feature is useful for creating instructional materials, documentation screenshots, and professional image presentations.
Users can load BMP (Bitmap) image files, expanding its file format compatibility. Users can upload BMP files via the file uploader UI or programmatically using the OpenAsync method. This addresses the needs of design professionals and users working with high-resolution images.
This feature allows users to control the smoothing effect of high-resolution images. When enabled, the component applies image smoothing to images during rendering, reducing distortion and jagged edges in scaled or rotated images.
The PDF library supports embedding fonts as subsets during PDF to PDF/A conversion, ensuring only necessary characters are included. This helps significantly reduce the final file size while maintaining conformance with PDF/A standards, making it ideal for archiving and efficient storage without compromising document integrity.
With the AES GCM encryption, users can encrypt or decrypt PDF documents using a secure and modern cryptographic standard. This enhances data protection by offering both confidentiality and integrity in professional workflows.
Form fields in a PDF can be grouped for improved organization and easier data handling. With this support, related fields can be treated as a unit, allowing batch processing, styling, or validation, simplifying complex form development and enhancing user interaction.
Redaction annotations are more customizable with support for separate fill colors for the mark and the redacted content area. In addition, users can add comments and maintain a review history directly within annotations, promoting better collaboration and providing clear traceability throughout the review and redaction process.
Enables value-based sorting simultaneously on both row and column axes, independent of the value axis. This allows flexible and accurate data analysis across dimensions. Explore this feature in the demo.
Allows exporting the pivot table as a native Excel PivotTable, preserving the pivot structure in the exported file. Users can continue interacting with and customizing the pivot data directly within Excel.
When converting a PowerPoint with charts to PDF or images, the following features help ensure accurate chart content rendering:
Font substitution: Users can configure alternative fonts to use when the original fonts inside charts are unavailable on the system, ensuring consistent text appearance.
Fallback fonts for Unicode text: These fonts are used automatically when the rendering engine encounters Unicode characters missing in the specified fonts, preserving multilingual chart text.
We improved the preservation of EMF and WMF metafile images as searchable content during PowerPoint-to-PDF conversion. This enhancement ensures better text accessibility in the converted PDFs’ diagrams, charts, and technical illustrations.
The code block feature allows users to insert and display formatted code snippets directly within the editor. It also includes a language switch option in the dropdown menu, enabling users to specify the programming language for each code block.
The slash command menu support (triggered by /) helps users quickly access formatting options, insert elements (like images, tables, and headings), and trigger commands. This feature enhances the user experience by simplifying the process of applying styles and inserting content.
Users can copy and paste entire rows or columns within a table, streamlining the editing and formatting process. Data can be efficiently duplicated without the need to manually re-enter information, thereby enhancing productivity.
The format painter functionality enables users to copy formatting (such as font style, size, color, and other rich text styles) from one section of text and apply it to another. This feature is particularly beneficial for maintaining consistent styling across documents without manually adjusting format settings repeatedly.
This feature provides an option to render the toolbar at the bottom of the editor. This improves accessibility and layout adaptability, especially in mobile and touch-first interfaces. It enhances user interaction by keeping toolbar actions easily reachable.
Users can insert horizontal lines to separate content sections visually. This feature improves document readability and structure, particularly in long-form content or reports, by allowing clear demarcation between different sections or topics.
The Rich Text Editor supports popup overflow mode in its toolbar. When there isn’t enough space to display all toolbar items, the overflowing items automatically move to a popup container, ensuring that all features remain accessible without cluttering the interface.
The recent color option in the font color and background color pickers allows users to quickly access and reuse recently applied colors, improving formatting efficiency and ensuring visual consistency.
The Scheduler component’s performance has been improved during the initial rendering and when adding, editing, and deleting appointments. The following improvements demonstrate the performance enhancement percentages for these operations, ensuring an efficient and streamlined user experience when managing schedules.
| Scheduler - Blazor WASM | Improved Percentage (%) |
|---|---|
| Day view with 2k events | |
| Initial load | 30 |
| Create event | 20 |
| Update event | 30 |
| Delete event | 30 |
| Timeline Day view with 10k events | |
| Initial load | 15 |
| Create event | 10 |
| Update event | 25 |
| Delete event | 20 |
The Blazor PDF Viewer now comes with integrated redaction annotation support. This new feature is designed to enhance document security by allowing users to redact sensitive content directly within PDF documents.
A brand-new Blazor Spreadsheet component is now available, providing an Excel-like experience in Blazor applications. This powerful component offers a complete solution for creating, editing, and analyzing tabular data with an intuitive user interface.
Key features:
Formula support: Built-in library of over 400 formulas for mathematical, statistical, financial, and logical functions. Users can perform all kinds of complex calculations and data analysis.
File handling: Support for opening, editing, and saving spreadsheets with import and export capabilities for Excel format.
Sorting: Ability to arrange data alphabetically, numerically, or by custom criteria in ascending or descending order to improve data readability and analysis.
Filtering: Advanced filtering options allow users to display only the data that meets specific criteria.
Undo/Redo: Support for reversing and reapplying actions, providing users with flexibility during data editing and manipulation tasks.
Cell formatting: Extensive formatting options including font customization, cell backgrounds, and text alignment to improve data visualization.
Clipboard functionalities: Copy, cut, and paste operation support for both single cells and ranges.
Hyperlink: Ability to add, edit, and remove hyperlinks within cells for easy navigation to external resources or internal references.
Image: Visual content can be resized and positioned within cells or across cell ranges.
Row and column resizing: Interactive resizing of rows and columns to accommodate varying data lengths and improve spreadsheet layout.
The component also offers additional features:
These features enable developers to implement robust spreadsheet functionality in web applications while maintaining the familiar experience users expect from desktop spreadsheet software.
The latest update to the Blazor Tooltip component allows you to display tooltips on dynamically created elements. This enhancement removes the need to manually refresh the tooltip for new elements added to the DOM and ensures that the tooltip is automatically registered and displayed for any element dynamically added, eliminating extra coding effort and enhancing the dynamic content’s interactivity.
This update is particularly beneficial for applications dealing with real-time data updates or dynamic content generation, such as dashboards and interactive forms.
The TreeGrid component gains substantial performance improvements in scenarios involving remote data binding, specifically during initial rendering and child expanding. These enhancements are particularly optimized for WebAssembly (WASM) environments.These optimizations contribute to a faster and more responsive user experience when managing large hierarchical datasets remotely.
Performance Benchmarks:
| Environment | Scenario | Performance Gain |
|---|---|---|
| WebAssembly (WASM) | Initial rendering | 2X Faster |
| WebAssembly (WASM) | Child expanding | 2X Faster |
Syncfusion has introduced Controls and Features Selection in the Blazor Template Studio for Visual Studio Code. This enhancement allows users to choose the Syncfusion components they need and customize specific features within each component using an intuitive project wizard. Build high-quality Blazor applications faster and with greater flexibility. Explore this feature to streamline development and tailor your app to your exact needs.
This feature allows users to set editable regions in protected documents, enabling specific parts to remain editable while the rest stay locked. This is useful for templates or forms like contracts, where users can update only designated parts of the Word document without altering the rest.
Create different list number formats such as Arabic, Hebrew, Chinese, and Thai. Ensures numbering styles remain accurate in multilingual documents like global reports, contracts, and educational materials.
Shape formats: Supports gradient, transparent, and pattern fills in Word documents. Ensures visually rich content like infographics and styled reports retains its design when converted to PDFs or images.
Recolor pictures: Preserves recolor effects such as grayscale, sepia, and color tone adjustments during Word-to-PDF or image conversion. It is ideal for maintaining brand consistency in marketing materials and visual reports.
Preserves the drawing canvas and its contents during Word-to-PDF and image conversions. Useful for maintaining the layout in grouped shapes, flowcharts, or diagrams used in reports, manuals, and presentations.
When converting a Word document with charts to PDF or images, the following features help ensure accurate chart content rendering:
Font substitution: Users can configure alternative fonts to use when the original fonts inside charts are unavailable on the system, ensuring consistent text appearance.
Fallback fonts for Unicode text: These fonts are used automatically when the rendering engine encounters Unicode characters missing in the specified fonts, preserving multilingual chart text.
Improved the preservation of EMF and WMF metafile images as searchable content during Word-to-PDF conversion. This enhancement ensures better text accessibility in the converted PDFs’ diagrams, charts, and technical illustrations.
