--- title: "What’s New in Blazor: 2024 Volume 4" published_at: "2024-12-13T11:20:23+00:00" modified_at: "2025-04-28T08:38:48+00:00" url: "https://www.syncfusion.com/blogs/post/whats-new-in-blazor-2024-volume-4" excerpt: "This blog explains the new features and controls introduced in the Syncfusion Blazor suite for the 2024 Volume 4 release." taxonomy_category: - "Blazor" - "Development" - "Syncfusion" - "UI" - "Web" - "What's new" taxonomy_post_tag: - "Blazor" - "development" - "productivity" - "UI" - "wasm" - "Web" - "What's New" --- # What’s New in Blazor: 2024 Volume 4 [Rajendran R](https://www.syncfusion.com/blogs/author/rajendranr) ![What’s New in Blazor: 2024 Volume 4](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/Whats-New-in-Blazor-2024-Volume-4.jpg) **TL;DR:** Syncfusion Blazor 2024 Volume 4 introduces new preview components, including Ribbon, Chat UI, and Sankey Diagram, along with full support for .NET 9, the Tailwind CSS 3.4 theme, and integration with Microsoft AI services. The update also includes enhancements such as Hijri calendar support, adaptive chart layouts, and more. We are thrilled to announce that the Syncfusion [Essential Studio® 2024 Volume 4](https://www.syncfusion.com/forums/195512/essential-studio-2024-volume-4-main-release-v28-1-33-is-available-for-download) release is here! This release introduces astonishing new controls and features in our [Blazor](https://www.syncfusion.com/blazor-components) suite to enhance user experience and streamline modern web development. Let’s explore them! ## .NET 9 support [Syncfusion Blazor components](https://www.syncfusion.com/blazor-components) now fully [support .NET 9](https://www.syncfusion.com/blogs/post/syncfusion-now-supports-dotnet-9) , beginning with the [2024 Volume 3 Service Pack release (27.2)](https://help.syncfusion.com/common/essential-studio/release-notes/v27.2.2) . We’ve provided dedicated assemblies for .NET 9, ensuring you can leverage the latest enhancements in Blazor. ## Tailwind CSS 3.4 theme All components in the Syncfusion Blazor suite now support the Tailwind CSS 3.4 theme, which adds enhanced styling and features for a polished modern appearance. ## Integrated Microsoft AI Extension Libraries The [Microsoft.Extensions.AI](https://devblogs.microsoft.com/dotnet/introducing-microsoft-extensions-ai-preview/) package allows for easy integration of AI functionalities into our components. This package provides a unified API abstraction for AI services, including: - OpenAI - Azure AI Inference - Ollama Learn more about integrating these capabilities in our detailed [blog](https://www.syncfusion.com/blogs/post/microsoft-ai-powered-blazor-kanban) post. ## New Blazor components The 2024 Volume 4 release introduces the following three new Blazor components in preview mode: ### Ribbon (Preview) The [Blazor Ribbon](https://www.syncfusion.com/blazor-components/blazor-ribbon) component provides a streamlined interface for accessing features and functions. Its key features include: - **Built-in items**: Customizable items like buttons, checkboxes, and dropdowns. - **Modes:** Classic and simplified modes to organize items effectively. - **Tooltips:** Provides enhanced user guidance. - **File and backstage menu**: Supports common actions with customizable backstage views. - **Templates:** Customizable item templates and help panes. Refer to the following image. ![Blazor Ribbon component](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image001-10.png) Blazor Ribbon component ### Chat UI (Preview) The new Blazor Chat UI is a lightweight chat interface for displaying user conversations. Its key features include: - **Message suggestions**: Customizable templates for interaction enhancement. - **On-demand message loading**: Enhances performance by loading messages as needed. - **Header toolbar**: Customizable toolbar items and commands. - **Timebreak and typing indicator**: Improves conversation readability and interaction. Refer to the following image. ![Blazor Chat UI component](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image003-3.png) Blazor Chat UI component ### Sankey Diagrams (Preview) Visualize flow and relationships in various data contexts with the [Blazor Sankey Diagrams](https://www.syncfusion.com/blazor-components/blazor-sankey) component. Its key features include: - **Nodes and links**: Represent and connect stages with flow magnitude visualization. - **Labels, tooltips, and legends**: Enhance clarity and readability. - **Responsive design, layout options, and export**: Provide adaptable and shareable visualization. Refer to the following image. ![Blazor Sankey component](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/Blazor-Sankey-component.png) Blazor Sankey component ## Preview to production-ready components The [Blazor AI AssistView](https://www.syncfusion.com/blazor-components/blazor-ai-assistview) and [MultiColumn ComboBox](https://www.syncfusion.com/blazor-components/blazor-multicolumn-combobox) components have matured to meet industry standards and are now marked as production-ready. ## What’s new in existing Blazor components? Let’s see the new user-friendly features added to our existing Blazor components as part of the 2024 volume 4 release! ### Calendars and Pickers The Blazor Calendars and Pickers now support the following new features: - **Hijri Calendar**: Supports the Islamic lunar calendar for accurate date management. ![Hijiri calendar support in Blazor Calendars and Pickers](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image004.png) Hijiri calendar support in Blazor Calendars and Pickers - **Popup opening on focus**: Automatically opens date/time popups when the component is focused. ![Popup opening on focus feature in Blazor Calendars and Pickers](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image006.gif) Popup opening on focus feature in Blazor Calendars and Pickers ### Charts The [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) component delivers the following new vivid features: - **Adaptive layout**: Dynamically adjusts chart elements for various screen sizes. ![Adaptive layout in Blazor Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image007-1.gif) Adaptive layout in Blazor Charts - **Crosshair snap**: Focuses on nearest data points for precision. ![Crosshair snap feature in Blazor Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image008.gif) Crosshair snap feature in Blazor Charts ### Dropdowns The Blazor Dropdown components have the following new updates: - **Popup resize**: Allows dynamic resizing of dropdowns for enhanced usability. ![Popup resizing feature in Blazor Dropdowns](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image009.gif) Popup resizing feature in Blazor Dropdowns - **Filtering with debounce**: Optimizes performance by delaying filtering during rapid typing. ### Scheduler #### Prevent overlapping appointments The [Blazor Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler) component offers a built-in feature to prevent appointment overlaps, ensuring efficient time management. Refer to the following image. ![Preventing overlapping appointments in Blazor Scheduler](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/Preventing-overlapping-appointments-in-Blazor-Scheduler.gif) Preventing overlapping appointments in Blazor Scheduler Also, check out the following demos: - [Drag and drop between Scheduler to Scheduler](https://blazor.syncfusion.com/demos/scheduler/drag-between-schedulers?theme=fluent2) - [Drag and drop between Scheduler to Grid and Vice-versa](https://blazor.syncfusion.com/demos/scheduler/grid-to-schedule?theme=fluent2) ### Image Editor #### Image type and size restriction The [Blazor Image Editor](https://www.syncfusion.com/blazor-components/blazor-image-editor) component allows us to set restrictions on image extensions and sizes for uploads, providing user-friendly alerts. Refer to the following image. ![Setting image type and size restrictions in Blazor Image Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image010.png) Setting image type and size restrictions in Blazor Image Editor ### File Manager #### Chunk upload The [Blazor File Manager](https://www.syncfusion.com/blazor-components/blazor-file-manager) now implements a robust chunk upload mechanism, enabling efficient handling of large file uploads in your Blazor apps. This feature segments sizeable files into smaller, manageable chunks based on a configurable chunk size, sequentially transmitted to the server. This feature enhances reliability for large file transfers, improves upload performance, and reduces memory usage. ![Chunk upload feature in Blazor File Manager](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/Chunk-upload-feature-in-Blazor-File-Manager.gif) Chunk upload feature in Blazor File Manager ### Maps #### Marker cluster configuration The [Blazor Maps](https://www.syncfusion.com/blazor-components/blazor-map) component allows us to enable and customize marker clusters for individual marker groups to improve map readability. ![Marker cluster in Blazor Maps](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/image012.png) Marker cluster in Blazor Maps ### Dropdown Tree #### Value template The [Blazor Dropdown Tree](https://www.syncfusion.com/blazor-components/blazor-dropdowntree) offers a customizable rendering of selected values. This feature lets developers format and display chosen items according to their app’s requirements. ![Value template feature in Blazor Dropdown Tree](https://www.syncfusion.com/blogs/wp-content/uploads/2024/12/Value-template-feature-in-Blazor-Dropdown-Tree.png) Value template feature in Blazor Dropdown Tree ## Conclusion Thanks for reading this blog! We’ve explored the new components and features added to the Syncfusion [Blazor](https://www.syncfusion.com/blazor-components) suite for the [2024 Volume 4](https://www.syncfusion.com/forums/195512/essential-studio-2024-volume-4-main-release-v28-1-33-is-available-for-download) release. To discover more about the features available in this release, please visit our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v28.1.33) and [What’s New](https://www.syncfusion.com/products/whatsnew) pages. Try them out and leave your feedback in the comments section below! Existing Syncfusion users can access the most recent version of Essential Studio® on the [License and Downloads](https://www.syncfusion.com/account/downloads) page. If you’re new to Syncfusion, we offer a 30-day [free trial](https://www.syncfusion.com/downloads) to test these exciting new features. You can also contact us through our [support forum](https://www.syncfusion.com/forums) , [support portal](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback/) . We are always happy to help you! ## Related Blogs [Syncfusion Essential Studio® 2024 Volume 4 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2024-volume-4) [AI-Powered Blazor Kanban: Integration with Microsoft Extension Packages](https://www.syncfusion.com/blogs/post/microsoft-ai-powered-blazor-kanban) [Building Oqtane Modules with Syncfusion Components for Blazor [Webinar Show Notes]](https://www.syncfusion.com/blogs/post/oqtane-modules-blazor-webinar-show) [Introducing the Syncfusion Blazor Smart Paste Button – A Smarter Way to Fill Forms](https://www.syncfusion.com/blogs/post/blazor-smart-paste-button-component)