Third-party UI library examples
The RecroGrid Framework visual layer can be extended with a custom graphical library, and integration packages are available for several third-party Blazor component libraries.
The examples on this page use a simple standalone Blazor WebAssembly application. This keeps the setup compact and directly reusable while demonstrating how the respective UI package is initialized and connected to the RecroGrid Framework.
The Bootstrap-based UI is the complete reference implementation used throughout the RecroGrid Framework documentation. The third-party integrations provide practical examples and a starting point for project-specific UI implementations. Library-specific UI development and configuration can be completed using the documentation of the respective component library.
The application and API configuration used by these examples are described in the following references.
By using the following packages, the RecroGrid Framework can render the user interface with the components of the respective library. Instead of the default UI package, use and initialize the corresponding package shown below.
DevExpress
UI is distributed as the 
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.DevExpressUI
Install-Package Recrovit.RecroGridFramework.Client.Blazor.DevExpressUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorWasmBearerServices(builder.Configuration, logger);
builder.Services.AddDevExpressBlazor(configure => configure.BootstrapVersion = BootstrapVersion.v5);
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfDevExpressUIAsync();
await host.RunAsync();
Warning
DevExpress requires a private NuGet feed. For more information, visit the library's website: DevExpress Blazor UI
Radzen
UI is distributed as the 
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.RadzenUI
Install-Package Recrovit.RecroGridFramework.Client.Blazor.RadzenUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorWasmBearerServices(builder.Configuration, logger);
builder.Services.AddScoped<Radzen.DialogService>();
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfRadzenUIAsync();
await host.RunAsync();
INFO
For more information, visit the library's website: Radzen Blazor Components
Syncfusion
UI is distributed as the 
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUI
Install-Package Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorWasmBearerServices(builder.Configuration, logger);
builder.Services.AddSyncfusionBlazor();
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(builder.Configuration.GetValue<string>("Syncfusion:LicenseKey"));
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfSyncfusionUIAsync();
await host.RunAsync();
INFO
For more information, visit the library's website: Syncfusion Blazor Components
Telerik
UI is distributed as the 
Install the package using .NET CLI or Package Manager
dotnet add package Telerik.UI.for.Blazor
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.TelerikUI
Install-Package Telerik.UI.for.Blazor
Install-Package Recrovit.RecroGridFramework.Client.Blazor.TelerikUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorWasmBearerServices(builder.Configuration, logger);
builder.Services.AddTelerikBlazor();
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfTelerikUIAsync();
await host.RunAsync();
Warning
Telerik requires a private NuGet feed. For more information, visit the library's website: Telerik Blazor UI