# radzenhq/radzen-blazor

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/radzenhq-radzen-blazor).**

4,259 stars · 954 forks · C# · MIT

## Links

- GitHub: https://github.com/radzenhq/radzen-blazor
- Homepage: https://blazor.radzen.com
- awesome-repositories: https://awesome-repositories.com/repository/radzenhq-radzen-blazor.md

## Topics

`asp-net-core` `blazor` `blazor-application` `blazor-components` `blazor-ui` `blazor-ui-components` `blazor-webassembly` `bootstrap` `bootstrap5` `charts` `component-library` `components` `csharp` `data-grid` `data-visualization` `datagrid` `fluent` `material` `netcore` `wasm`

## Description

radzen-blazor is a UI component library for Blazor applications, providing a collection of native interface elements including data grids, charts, and scheduling components. It includes a data visualization suite for rendering complex datasets through interactive charts and heatmaps, alongside responsive web layout tools to ensure interfaces adapt to different screen sizes and orientations.

The library offers multiple design system implementations, including a Fluent UI framework and a Material Design UI kit. Visual customization is supported through dynamic theme customization and brand configuration, allowing for the modification of colors, typography, and the switching of light and dark styles at runtime.

The project covers a broad range of interface construction and data management capabilities. This includes a visual interface designer and template-based page generation for assembling layouts, as well as tools for creating data management interfaces with sorting, filtering, and validation. It also provides advanced form input management and support for enterprise dashboard design.

The framework implements web accessibility standards via ARIA compliance and keyboard navigation, and supports right-to-left layout configurations for multilingual applications.

## Tags

### Part of an Awesome List

- [Blazor Components](https://awesome-repositories.com/f/awesome-lists/devtools/blazor-components.md) — Provides a comprehensive library of pre-made UI components specifically designed for Blazor applications.

### User Interface & Experience

- [Visual UI Designers](https://awesome-repositories.com/f/user-interface-experience/visual-ui-designers.md) — Provides a visual design environment and guided wizards for creating application pages and operational logic. ([source](https://blazor.radzen.com/docs))
- [Data Management Interfaces](https://awesome-repositories.com/f/user-interface-experience/data-management-interfaces.md) — Ships UI components for performing CRUD operations on application records with validation.
- [Enterprise Dashboard Frameworks](https://awesome-repositories.com/f/user-interface-experience/enterprise-dashboard-frameworks.md) — Provides a framework for constructing complex, data-driven business dashboards with charts and data grids.
- [Advanced Form Control Kits](https://awesome-repositories.com/f/user-interface-experience/form-input-validation/advanced-form-control-kits.md) — Includes advanced form controls such as date pickers, file uploads, masked text fields, and signature pads. ([source](https://cdn.jsdelivr.net/gh/radzenhq/radzen-blazor@master/README.md))
- [Responsive Layout Engines](https://awesome-repositories.com/f/user-interface-experience/responsive-layout-engines.md) — Features a responsive engine that automatically adjusts user interfaces to fit any screen size or device. ([source](https://blazor.radzen.com/))
- [UI Component Composition](https://awesome-repositories.com/f/user-interface-experience/ui-component-composition.md) — Enables the construction of complex interfaces by nesting pre-defined Blazor components and layout blocks.
- [Accessible Design Systems](https://awesome-repositories.com/f/user-interface-experience/accessible-design-systems.md) — Implements a comprehensive framework of themed components that prioritize ARIA standards and keyboard navigation.
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Uses configurable CSS variables to modify colors and typography across all components at runtime.
- [Dynamic Theming](https://awesome-repositories.com/f/user-interface-experience/dynamic-theming.md) — Allows applying light and dark visual styles or modifying CSS variables to change the interface appearance at runtime. ([source](https://cdn.jsdelivr.net/gh/radzenhq/radzen-blazor@master/README.md))
- [Fluent Design Component Libraries](https://awesome-repositories.com/f/user-interface-experience/fluent-design-component-libraries.md) — Ships a library of accessible UI components that follow the Fluent Design language specifications.
- [Web Accessibility Compliance](https://awesome-repositories.com/f/user-interface-experience/graphical-user-interfaces/accessibility/web-accessibility-compliance.md) — Implements ARIA support and keyboard navigation to ensure compliance with global web accessibility standards. ([source](https://blazor.radzen.com/docs))
- [Page Assembly Blocks](https://awesome-repositories.com/f/user-interface-experience/landing-page-templates/design-blocks/page-assembly-blocks.md) — Enables quick construction of application screens using a library of ready-made layouts and dashboard blocks. ([source](https://blazor.radzen.com/))
- [Material Design UI Kits](https://awesome-repositories.com/f/user-interface-experience/material-design-ui-kits.md) — Offers a kit of pre-styled components and themes implementing the Material Design specification.
- [Business Scenario Templates](https://awesome-repositories.com/f/user-interface-experience/page-layout-templates/admin-page-templates/business-scenario-templates.md) — Assembles user interfaces using reusable blocks and predefined templates for various business scenarios. ([source](https://blazor.radzen.com/docs))
- [Responsive Grid Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-grid-layouts.md) — Employs a flexible grid system that adjusts component positioning based on the browser viewport.
- [Responsive Web Interfaces](https://awesome-repositories.com/f/user-interface-experience/responsive-web-interfaces.md) — Designs interfaces that automatically adjust structure and appearance to fit various screen sizes.
- [Visual Branding Controls](https://awesome-repositories.com/f/user-interface-experience/visual-branding-controls.md) — Provides tools to modify colors, typography, and component properties through a visual editor to match brand guidelines. ([source](https://blazor.radzen.com/docs))
- [Brand Theme Applicators](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/brand-theme-applicators.md) — Allows applying and modifying visual styles and brand colors across the application for a consistent look.
- [ARIA Attribute Injection](https://awesome-repositories.com/f/user-interface-experience/wai-aria-frameworks/aria-attribute-injection.md) — Automatically injects ARIA roles and attributes into the DOM to meet accessibility standards.

### Data & Databases

- [Interactive Data Charting](https://awesome-repositories.com/f/data-databases/interactive-data-charting.md) — Displays complex datasets through interactive charts and heatmaps to provide analytical insights. ([source](https://cdn.jsdelivr.net/gh/radzenhq/radzen-blazor@master/README.md))
- [Visual Query Builders](https://awesome-repositories.com/f/data-databases/visual-query-builders.md) — Provides a graphical interface to sort and filter data bound to components. ([source](https://blazor.radzen.com/))

### Development Tools & Productivity

- [Visual Scaffolding Tools](https://awesome-repositories.com/f/development-tools-productivity/application-scaffolding/visual-scaffolding-tools.md) — Accelerates development by generating code and UI layouts through a visual design canvas and database scaffolding. ([source](https://cdn.jsdelivr.net/gh/radzenhq/radzen-blazor@master/README.md))

### Graphics & Multimedia

- [Web Data Visualizations](https://awesome-repositories.com/f/graphics-multimedia/web-data-visualizations.md) — Provides a suite of interactive charts and heatmaps designed for rendering complex datasets in web browsers.

### Web Development

- [Blazor Logic Implementations](https://awesome-repositories.com/f/web-development/blazor-logic-implementations.md) — Implements interactive behaviors and state management using Blazor's server-side or client-side C# execution model.
- [CRUD Generators](https://awesome-repositories.com/f/web-development/crud-generators.md) — Automatically generates interfaces for managing data records based on existing data sources. ([source](https://blazor.radzen.com/docs))
- [Responsive Layout Systems](https://awesome-repositories.com/f/web-development/responsive-layout-systems.md) — Implements a system for building fluid interfaces that automatically adapt to various screen sizes and orientations.