mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
105 lines
6.2 KiB
Markdown
105 lines
6.2 KiB
Markdown
|
|
|
|
Radzen Blazor Components
|
|
========================
|
|
|
|
The most sophisticated free UI component library for Blazor, featuring **145+ native components**. MIT licensed, used by thousands of developers at companies like Microsoft, NASA, Porsche, Dell, Siemens, and DHL.
|
|
|
|
Supports .NET 10, Blazor Server, Blazor WebAssembly, and .NET MAUI Blazor Hybrid.
|
|
|
|
[Online Demos](https://blazor.radzen.com) · [Documentation](https://blazor.radzen.com/docs) · [Get Started](https://blazor.radzen.com/get-started)
|
|
|
|
Star this repo ⭐ to support the project and help other Blazor developers discover it.
|
|
|
|
[](https://github.com/radzenhq/radzen-blazor/stargazers)[](https://github.com/radzenhq/radzen-blazor/blob/master/LICENSE)[ ](https://www.nuget.org/packages/Radzen.Blazor)[](https://github.com/radzenhq/radzen-blazor/releases/latest)[](https://github.com/radzenhq/radzen-blazor/releases)[ ](https://github.com/radzenhq/radzen-blazor/graphs/contributors)[ ](https://blazor.radzen.com)
|
|
|
|
## Quick start
|
|
|
|
Install the NuGet package:
|
|
```bash
|
|
dotnet add package Radzen.Blazor
|
|
```
|
|
|
|
Add to `_Imports.razor`:
|
|
```razor
|
|
@using Radzen
|
|
@using Radzen.Blazor
|
|
```
|
|
|
|
Add the theme and script to `App.razor`:
|
|
```html
|
|
<!-- inside <head> -->
|
|
<RadzenTheme Theme="material" />
|
|
|
|
<!-- after the last <script> -->
|
|
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
|
|
```
|
|
|
|
Register services in `Program.cs`:
|
|
```csharp
|
|
builder.Services.AddRadzenComponents();
|
|
```
|
|
|
|
Use a component:
|
|
```razor
|
|
<RadzenButton Text="Hello World" Click="@OnClick" />
|
|
```
|
|
|
|
For the full setup guide including render modes and dialog/notification configuration, see the [getting started instructions](https://blazor.radzen.com/get-started).
|
|
|
|
## Components
|
|
|
|
**AI** — AIChat, Chat, Markdown, SpeechToTextButton
|
|
|
|
**Data** — DataGrid, DataList, PivotDataGrid, DataFilter, PickList, Pager, Tree, Scheduler, Gantt, Timeline, Spreadsheet, Charts (Line, Bar, Column, Area, Pie, Donut, Scatter, Bubble, Spider/Radar, BoxPlot, Bullet, Candlestick, OHLC, Pyramid, Funnel, Waterfall, HighLow, Range Area/Bar/Column, Step Line/Area, Stacked & Full-Stacked variants, Contour), Heatmap, Treemap, RangeNavigator, SankeyDiagram, GaugeCharts (Radial, Linear, Arc)
|
|
|
|
**Forms** — TextBox, TextArea, Password, Numeric, Mask, DatePicker, TimePicker, ColorPicker, Dropdown, AutoComplete, ListBox, CheckBox, RadioButtonList, Switch, Slider, Rating, FileInput, Upload, SecurityCode, SignaturePad, HtmlEditor, Button, SplitButton, Login
|
|
|
|
**Layout** — Card, Panel, Tabs, Accordion, Splitter, Tile Layout, Steps, Dialog, Fieldset, Stack, Row/Column, Sidebar, Carousel
|
|
|
|
**Navigation** — Menu, ContextMenu, PanelMenu, Breadcrumb, Link, TreeView, FabMenu, ProfileMenu
|
|
|
|
**Feedback** — Notification, Alert, ProgressBar, Badge, Tooltip, Skeleton, Chip, ChipList, AppearanceToggle
|
|
|
|
**Utility** — QRCode, Barcode, Gravatar, GoogleMap, DropZone (drag-and-drop)
|
|
|
|
**Theming** — 10 built-in themes with light and dark variants. Free themes: Material, Standard, Default, Humanistic, Software. Premium themes (included with [Radzen Blazor Pro](https://www.radzen.com/pricing)): Material 3, Fluent. Full CSS variable customization and a built-in theme service for runtime switching.
|
|
|
|
[Browse all components with live demos →](https://blazor.radzen.com)
|
|
|
|
## Why choose Radzen Blazor Components?
|
|
|
|
### :sparkles: Free and open source
|
|
|
|
MIT licensed and free for commercial use. No per-developer fees, no runtime royalties. Install from [NuGet](https://www.nuget.org/packages/Radzen.Blazor) or build from source.
|
|
|
|
### :computer: 100% native Blazor
|
|
|
|
Written entirely in C#. No JavaScript framework dependencies, no wrappers.
|
|
|
|
### :seedling: Actively maintained
|
|
|
|
Frequent releases with new components and features. Short development cycle — we ship as soon as new features are ready instead of batching into quarterly releases.
|
|
|
|
### :office: Trusted in production
|
|
|
|
Used by developers at Microsoft, NASA, Porsche, Dell, Siemens, Nokia, DHL, HSBC, Allianz, Accenture, Deloitte, and thousands of other organizations worldwide.
|
|
|
|
## Support
|
|
|
|
### :speech_balloon: Community Support
|
|
Visit the [Radzen Community forum](https://forum.radzen.com/) — 400+ active weekly users with an average response time of 2 hours.
|
|
|
|
### :dart: Radzen Blazor Pro
|
|
|
|
For dedicated support and additional productivity tools, the [Radzen Blazor Pro subscription](https://www.radzen.com/pricing) includes:
|
|
- **Radzen Blazor Studio** — standalone Blazor IDE that provides WYSIWYG design canvas, database scaffolding, CRUD wizards, app templates, and deployment to IIS/Azure
|
|
- **Radzen Blazor for Visual Studio** — Blazor tooling integrated into Visual Studio 2026
|
|
- **Radzen Blazor MCP** — cloud-hosted MCP server that gives AI coding assistants (Cursor, Claude Code, GitHub Copilot, VS Code, Visual Studio, JetBrains) real-time access to Radzen component docs, APIs, and ready-made templates
|
|
- **Premium themes** and theme customization tools
|
|
- **Dedicated support** with guaranteed 24-hour response time and priority fixes
|
|
|
|
## Run demos locally
|
|
|
|
Use **Radzen.Server.sln** to open and run demos as Blazor server application or **Radzen.WebAssembly.sln** to open and run demos as Blazor WebAssembly application. The demos require the .NET 10 SDK and should preferably be opened in VS2026.
|