blazor-ui-components

The home of the Radzen Blazor components.

Components collection and extensions for Blazor applications.

Toast UI Calendar Wrapper For Blazor

Blazor UI Components & Examples

example of an annual calendar in Blazor

BlazorBootstrap is a component library built on top of Blazor and Bootstrap5 CSS framework.

Components for handling GDPR cookie consent

Notiflix is a pure JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more to that makes your web projects much better.

A quick start Blazor Server App that helps you to create a master details view using the Blazor DataGrid component of Syncfusion.

A getting started Blazor Server App project that is pre-configured to use the Blazor Components of Syncfusion.

A quick-start project that helps you create the Blazor TreeGrid of Syncfusion in a Blazor server application. This sample explains how to add columns and show parent-child flat data using the expand and collapse options. You can also learn how to add useful features to the TreeGrid: paging, sorting, and filtering.

A quick-start project that helps you create the Blazor TreeView of Syncfusion in a Blazor server application. This sample explains how to bind a hierarchical data and enable checkboxes, node editing, multiple selection and drag/drop feature.

The Blazor Gantt Chart is a project planning and management tool that provides a Microsoft Project-like interface to display and manage hierarchical tasks with timeline details. In this quick-start project, you can learn how to enable sorting, sort columns at initial load, sort columns dynamically at runtime, sort custom columns, and clear all the sorted columns in the Syncfusion Gantt Chart in a Blazor WebAssembly application. You’ll also go over the available sort events.

This is a quick-start project that helps you create the Blazor PDF Viewer provided by Syncfusion. This example explains how to create a Blazor application and add the Syncfusion Blazor PDF Viewer package for Windows. Then it’ll show you how to add the Syncfusion Blazor PDF Viewer component to the Blazor server application and demonstrate the working of prominent features like text markup annotation, shape annotation, form-filling and open/save PDF document from Azure Blob storage.

A quick-start project that helps you create a Blazor Gantt Chart of Syncfusion in the Blazor WebAssembly application. In this example, you can learn how to add prominent features like timeline view, editing, and filtering.

Create Rich Text Editor in a Blazor Server Application | Syncfusion Blazor

This is a quick-start project that helps you create the Blazor Pivot Table from Syncfusion in a Blazor server app. This example explains how to add required fields in the Blazor Pivot Table and shows you how to add useful features to your Pivot Table too, like a grouping bar, filtering, formatting, and a field list.

A quick start blazor server app that allows you to configure the Blazor DateRange Picker component from Syncfusion with its available options. This project contains simple code customizations, as well as some important features such as setting specific date range values, formats, and designing a month range picker.

Bootzor components

A getting started Blazor WebAssembly App that is pre-configured to use the Blazor Components of Syncfusion.

Create Word Processor in a Blazor Server Application | Syncfusion Blazor

This is a quick-start project that helps you create the Syncfusion Blazor Diagram using Visual Studio 2019. This example explains how to create a Blazor application, add the Syncfusion Blazor package, and add the Syncfusion Blazor Diagram component to the Blazor server application. It also explains how to create a simple flowchart using nodes and connectors.

This quick-start project helps to work with Form validation in the Blazor Rich Text Editor of Syncfusion in a Blazor WebAssembly app. This example explains how to set the validation rules, customize the validation messages, and set the maximum number of characters allowed in the RTE.

A quick start Blazor project that shows how to add data labels to a Syncfusion Blazor Maps in a Blazor WebAssembly app. This project also includes a code snippet to format the maps data labels, arrange the data labels intelligently and add custom labels to the Blazor Maps.

A quick-start project that teaches you the pointer types and its customization in a Syncfusion Blazor Circular Gauge component to a Blazor WebAssembly app. You will learn how to change the pointer color, radius, position and enabling pointer dragging in Circular Gauge component.

This is a quick-start project by Syncfusion to help you create a Blazor Slider. This example explains how to create a Blazor application and add the Syncfusion Blazor package. It shows how to add the Syncfusion Blazor Slider component to a Blazor server application, enable a tooltip and slider types. It also shows how to set ticks, value limits, value formatting, and orientation.

A quick start Blazor project that shows how to group the Blazor AutoComplete items as well as how to filter them.

This is a quick-start project provided by Syncfusion that helps you create a Blazor Dialog. This example explains how to create a Blazor application and add the Syncfusion Blazor package. It also shows how to add the Syncfusion Blazor Dialog component to the Blazor server application and demonstrates how to render a Dialog with the Ok button, display a modal Dialog and render the Dialog content using HTML.