すべてC#で実装されたBlazor向けMaterial Designコンポーネントライブラリ。CSSやJavaScriptをあまり書かずに、.NET開発者がWeb UIを構築できます。
radzenhq/radzen-blazor
DataGridやScheduler、チャート、AIチャットなど155以上のコンポーネントを備えた、MITライセンスの無料Blazor UIコンポーネントライブラリ。
- スター
- 4,378
- フォーク
- 960
- 未解決の Issue
- 15
- 最終コミット
- 一昨日
これは何?
Radzen Blazor Componentsは、C#のBlazorでWebアプリケーションを構築するためのUIコンポーネントライブラリです。データを多く扱う画面向けに、DataGrid、PivotDataGrid、Scheduler、Ganttチャートのほか、数式とXLSXのインポート/エクスポートに対応したExcel風のSpreadsheetを備えています。チャートは30種類以上あり、JavaScriptのチャートライブラリを使わず、C#でSVGとして描画されます。
フォームコントロール、レイアウトやナビゲーションのコンポーネント、フィードバック要素に加え、QRコードやバーコードなどのユーティリティも含まれます。Material、Standard、Default、Humanistic、Softwareなど、ライト/ダークのバリエーションを備えた複数の組み込みテーマがあり、CSS変数によるカスタマイズや、実行時にテーマを切り替えるテーマサービスも利用できます。プレミアムテーマは、別途有料サブスクリプションで提供されています。
AIツールキットには、ツール呼び出し、承認、添付ファイルに対応したAIChatのほか、AIPromptとSmartPasteButtonが含まれます。Microsoft.Extensions.AIを基盤としており、OpenAI互換のプロバイダーであれば利用できます。.NET 8、9、10をサポートし、Blazor Server、Blazor WebAssembly、.NET MAUI Blazor Hybridで動作します。
主な機能
- 01データを多く扱う画面向けのDataGrid、PivotDataGrid、Scheduler、Gantt、Spreadsheetコンポーネント
- 02JavaScriptのチャートライブラリに依存せず、C#でSVGとして描画する30種類以上のチャート
- 03一般的なUIニーズを幅広くカバーするフォーム、レイアウト、ナビゲーション、フィードバック用コントロール
- 04CSS変数でカスタマイズでき、実行時に切り替え可能な、ライト/ダーク対応の組み込みテーマ
- 05Microsoft.Extensions.AIを基盤とするAIChatと関連するAIコントロール
ユースケース
- Blazorでグリッド、フォーム、ダッシュボードを備えた社内業務アプリケーションを構築する
- JavaScriptライブラリを使わずに、.NETのWebダッシュボードへインタラクティブなチャートやゲージを追加する
- SchedulerとGanttコンポーネントで、スケジュール管理やプロジェクト計画の画面を作成する
- BlazorアプリケーションにAIチャットアシスタントを追加する
クイックスタート
- 1
NuGet パッケージをインストールする
dotnet add package Radzen.Blazor - 2
Radzen の名前空間を _Imports.razor に追加する
- 3
テーマとスクリプトを App.razor に追加する
- 4
Program.cs でサービスを登録する
builder.Services.AddRadzenComponents();
使う前に知っておきたいこと
- 使用には .NET SDK と Blazor アプリケーションが必要です。
- 一部のプレミアムテーマとツールを利用するには、有料の Radzen Blazor Pro サブスクリプションが必要です。
収録されている特集
トピック
よくある質問
- radzen-blazor とは?
- DataGridやScheduler、チャート、AIチャットなど155以上のコンポーネントを備えた、MITライセンスの無料Blazor UIコンポーネントライブラリ。 Radzen Blazor Componentsは、C#のBlazorでWebアプリケーションを構築するためのUIコンポーネントライブラリです。データを多く扱う画面向けに、DataGrid、PivotDataGrid、Scheduler、Ganttチャートのほか、数式とXLSXのインポート/エクスポートに対応したExcel風のSpreadsheetを備えています。チャートは30種類以上あり、JavaScriptのチャートライブラリを使わず、C#でSVGとして描画されます。
- radzen-blazor は無料で使えますか?ライセンスは?
- radzen-blazor は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- radzen-blazor は今もメンテナンスされていますか?
- 活発にメンテナンス中。radzen-blazor の最終コミットは 2026年10月23日 です。
- radzen-blazor は何に使えますか?
- Blazorでグリッド、フォーム、ダッシュボードを備えた社内業務アプリケーションを構築する JavaScriptライブラリを使わずに、.NETのWebダッシュボードへインタラクティブなチャートやゲージを追加する SchedulerとGanttコンポーネントで、スケジュール管理やプロジェクト計画の画面を作成する BlazorアプリケーションにAIチャットアシスタントを追加する
- radzen-blazor のインストール方法は?
- NuGet パッケージをインストールする: dotnet add package Radzen.Blazor Radzen の名前空間を _Imports.razor に追加する テーマとスクリプトを App.razor に追加する Program.cs でサービスを登録する: builder.Services.AddRadzenComponents();
- radzen-blazor はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/radzenhq/radzen-blazor
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
家族や友人の小さなグループ向けに作られた、セルフホスト型メディアサーバー。
Umbracoは、Webサイトやデジタル体験を構築するための、無料でオープンソースの.NETコンテンツ管理システムです。
Immichサーバーの写真をスライドショーで表示する、自分でホストできるデジタルフォトフレームアプリです。
shadcnまたはjsrepoから導入できる、無料でアニメーションやカスタマイズに対応したReact・Next.jsコンポーネントと背景素材を215種類以上収録したライブラリです。
Tailwind CSSにクラス名で使えるUIコンポーネントを追加する、無料のオープンソースライブラリ。