What’s New in Syncfusion^® Blazor Components

Common

.NET 11 Preview compatibility

Syncfusion Blazor components are now compatible with the .NET 11 Preview 1 SDK, enabling developers to explore the latest runtime improvements while continuing to use the full Syncfusion Blazor UI suite across Blazor web app projects.

View the demo

Learn more

New components

Chart Wizard (Preview)

Introducing the Blazor Chart Wizard, a new guided experience that simplifies chart creation from start to finish. This interactive wizard eliminates manual setup by automatically detecting data fields, recommending chart types, and applying optimized defaults, allowing developers to produce polished, production-ready charts in minutes.

Highlights

• Intuitive step-by-step workflow: The wizard leads users through data selection, chart type configuration, field mapping, and styling, complete with inline validation to prevent setup errors.

• Smart data detection and mapping: Automatically identifies category or date axes, maps value fields intelligently, and supports multiple series without boilerplate code.

• Live preview for instant feedback: Every configuration update refreshes the chart preview in real time, enabling quick iteration and fine-tuning.

• Chart type recommendations: The wizard analyzes the incoming data shape and suggests the most relevant chart types, helping users choose the right visualization faster.

• Visual customization made easy: Fine-tune chart appearance without code, including titles, legends, and label visibility; axis formats, label styles, and titles; series color palettes, themes, and data labels; and tooltip formatting with support for custom format strings.

• Supported chart families: Cartesian charts (column, bar, line, spline, area, spline area, stacked column, stacked bar) and accumulation charts (pie, doughnut).

• Consistent data source support: Bind charts directly to your in-memory collections, with built-in validation for missing or mismatched fields, empty datasets, and incompatible mapping selections.

• Smooth property binding and runtime updates: Changes to wizard options automatically sync with component properties. Titles, palettes, and other visual elements update without re-creating the chart, improving performance and workflows.

• Export what you build: Export configured charts into multiple formats for reporting or sharing, including images (PNG, JPEG, SVG) and documents (PDF, XLSX, CSV).

• Save and reuse configurations: Full JSON serialization and deserialization allows users to save chart configurations, load user-defined templates, and restore previously created chart states.

• Accessibility and localization: Fully compliant with WCAG 2.0 accessibility standards and supports localization of all UI text and validation messages.

Check out the demo

Learn more

Smart Rich Text Editor (Preview)

The Smart Rich Text Editor is AI-enhanced and provides context aware AI assistance directly inside the editor. It offers smart commands, a floating AI query popup, progressive streaming responses with a stop control, and full conversation history. These capabilities are integrated into the editor and operate alongside existing Rich Text Editor features.

Highlights

• Smart actions toolbar dropdown: Provides AI commands such as improve content, shorten, elaborate, summarize, fix grammar and spelling, change tone (professional, casual, friendly, persuasive), change style (business, legal, academic), and translate (8+ languages). These commands apply to the selected text or to the entire editor content.

• Ask AI pop-up: Floating AI assistant dialog for free-form prompts keeps users in flow without switching tabs or applications.

• Automatic selection awareness: Selected text is included in AI prompts to provide context-aware responses.

• Real-time streaming responses: AI output is streamed progressively and rendered incrementally, including a live “stop generating” button.

• Full conversation memory: Retains chat history with a configurable limit, provides capabilities for past AI interactions.

• Highly customizable: Provides customization properties for popup size, placeholder text, custom banners, toolbar layouts for header, prompt, and response areas, nested command menus, and preloaded prompt templates.

• Drop-in upgrade: 100% compatible with existing Rich Text Editor usage, inherits every feature (inline toolbar, source edit, mentions, tables, images, and more) while adding the AI layer.

Check out the demo

Markdown Converter (Preview)

The Markdown Converter is a lightweight, fully C# based Markdown-to-HTML conversion library designed specifically for Blazor applications. It delivers clean, semantic HTML output with zero JavaScript dependencies, perfect for both Blazor Server and WebAssembly applications. Whether you’re building live previews, documentation viewers, or a note application, this library offers fast, reliable, and standard Markdown processing.

Highlights

• Zero JavaScript: Runs entirely in .NET with no interop overhead, compatible with Blazor Server and WebAssembly.

• GitHub Flavored Markdown(GFM): Full support for tables, task lists, strikethrough, bare URL auto-linking, and more (GFM is enabled by default).

• Dedicated async method: Use ToHtmlAsync() to offload heavy conversions to background threads, ideal for large documents in Blazor Server.

• Silent error handling mode: Process untrusted/user-submitted Markdown safely without crashing (returns formatted error HTML instead of throwing exceptions).

• Line break: Optional single-line-break to <br> conversion for prose-style writing.

• Direct integration with Rich Text Editor: Perfect for live Markdown to HTML preview in split-pane editing experiences (when Rich Text Editor is in Markdown mode).

Check out the demo

AI AssistView

Scroll to the bottom

The Blazor AI AssistView component includes a built-in scroll button that automatically appears when large message content requires vertical scrolling. The button enables users to quickly navigate to the latest response without manual scrolling, improving the user experience in chat-based interfaces with extensive conversation history.

Markdown and streaming

The Blazor AI AssistView component supports real-time markdown-to-HTML conversion with configurable streaming properties. This feature enables developers to render rich-formatted content (including code blocks, tables, and styled text) as responses are generated, providing a more responsive and polished chat experience for end users.

Block Editor (preview)

Table column resizing

Users can adjust column widths of a table directly within the Blazor Block Editor. This enhancement improves table usability and enables users to create flexible content layouts with better control over the structure and presentation.

Drag and drop block reorganization

The Blazor Block Editor component supports drag and drop reorganizing of content blocks. Users can move single or multiple blocks to different positions within the editor, enabling flexible content rearrangement without requiring manual cut-and-paste operations. This feature enhances the editing workflow and improves productivity for users managing complex document structures.

Code block with language selection

A dedicated code block type has been added to the supported block collection, allowing developers to integrate code snippets into documents. The code block includes a language selector dropdown for specifying the code type and a built-in copy button for quick code extraction, making it ideal for technical documentation and code-sharing scenarios.

DataGrid

Performance metrics

The rendering process has been optimized to achieve quicker load times and smoother initialization, even when working with large datasets. As a result of these improvements, the initial rendering phase is now approximately 1.35× faster than before.

Gantt Chart

Multipage PDF exporting with scaling

The Blazor Gantt Chart now supports multipage PDF export, enabling large or wide project views to be split across pages similar to Microsoft Project. Longer timelines, tasks, dependencies, and tree grids are handled seamlessly with repeated headers and continuous timeline rendering. Users can apply scaling (e.g., 80%) to improve readability, and export either the current view or a custom date range. Find the demo link here.

Pivot Table

Tabular (Classic) layout

The tabular (classic) layout enhances data visibility by presenting a traditional format in which each row label is displayed clearly across different levels in separate columns. This layout simplifies the structural analysis of datasets by providing a detailed, organized table format. Explore this feature in the demo.

Rich Text Editor

Multiple image paste

Multiple images can be pasted or dropped simultaneously from the local file browser, accelerating content creation by inserting many images at once.

View the Multiple image paste demo

Paste audio and video files

Users can copy and paste audio and video files from the local file browser, enabling bulk multimedia ingestion for faster content creation.

View the Audio video paste demo

Tree Grid

Performance metrics

The rendering process has been optimized to achieve quicker load times and smoother initialization, even when working with large datasets. As a result of these improvements, the initial rendering phase is now approximately 1.16× faster than before.