![Radzen Blazor Components](https://raw.githubusercontent.com/radzenhq/radzen-blazor/master/RadzenBlazorDemos/wwwroot/images/radzen-blazor-components.png) 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. [![GitHub Stars](https://img.shields.io/github/stars/radzenhq/radzen-blazor?logo=github&style=for-the-badge&cacheSeconds=14400)](https://github.com/radzenhq/radzen-blazor/stargazers)[![License - MIT](https://img.shields.io/github/license/radzenhq/radzen-blazor?logo=github&style=for-the-badge&cacheSeconds=14400)](https://github.com/radzenhq/radzen-blazor/blob/master/LICENSE)[![NuGet Downloads](https://img.shields.io/nuget/dt/Radzen.Blazor?color=%232694F9&label=nuget%20downloads&logo=nuget&style=for-the-badge) ](https://www.nuget.org/packages/Radzen.Blazor)[![GitHub Release](https://img.shields.io/github/v/release/radzenhq/radzen-blazor?logo=github&style=for-the-badge&cacheSeconds=14400)](https://github.com/radzenhq/radzen-blazor/releases/latest)[![Release Date](https://img.shields.io/github/release-date/radzenhq/radzen-blazor?logo=github&style=for-the-badge&cacheSeconds=14400)](https://github.com/radzenhq/radzen-blazor/releases)[![Github Contributors](https://img.shields.io/github/contributors/radzenhq/radzen-blazor?logo=github&style=for-the-badge&cacheSeconds=14400) ](https://github.com/radzenhq/radzen-blazor/graphs/contributors)[![Radzen Blazor Components - Online Demos](https://img.shields.io/badge/demos-online-brightgreen?color=%232694F9&logo=blazor&style=for-the-badge) ](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 ``` Register services in `Program.cs`: ```csharp builder.Services.AddRadzenComponents(); ``` Use a component: ```razor ``` 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.