Lightning Blog
Blazor記事イメージ画像

【Blazor】 無料・オープンソースのUIフレームワーク

更新日:2023/09/10
この記事では、Blazorの開発に役立つUIライブラリをいくつか紹介します。

    目次

  • Radzen Blazor Component
  • Blazorise
  • Blazored
  • MatBlazor
  • MudBlazor
  • Microsoft Fluent UI Blazor Components
  • Ant Design Blazor
  • BlazorStrap
  • まとめ

Radzen Blazor Component

Radzen Blazor Componentsは、Blazorアプリケーションの多機能なUIコントロールを提供するコンポーネントライブラリです。 豊富なコンポーネントとカスタマイズの柔軟性が特徴です。そして無料での商用利用可能です。

※基本無料ですが、一部有料なテーマも存在します。無料でも十分質は良いです。

Radzen Blazor Componentへのリンクはこちらから
Radzen Blazor Component

Blazorise

Blazoriseは、Blazorアプリケーションの開発をサポートするためのUIコンポーネントライブラリです。 さまざまなデザインフレームワーク(Bootstrap, Bulma, Materialなど)を統合して、Blazor用のクリーンで使いやすいAPIを提供してくれます。

Blazoriseへのリンクはこちらから
Blazorise

Blazored

Blazoredは、Blazorアプリケーション向けの一連の便利なライブラリおよびコンポーネントを提供するプロジェクトです。 いくつかの人気のあるパッケージやユーティリティが含まれており、Blazorアプリケーションの開発を助け、その機能性を拡張するために利用されます。

Blazoredへのリンクはこちらから
Blazored

MatBlazor

MatBlazorは、BlazorアプリケーションのためのMaterial Designコンポーネントライブラリです。 Googleが提供するMaterial Designのガイドラインに基づいたUIコンポーネントをBlazorアプリケーションで使用することができます。

MatBlazorへのリンクはこちらから
MatBlazor

MudBlazor

MatBlazorと名前は似ていますが、異なります。 MudBlazorは、Blazor Webアプリケーション向けの人気の高いコンポーネントライブラリです。 このライブラリはMatBlazorと同様、Material Designの原則に基づいてデザインされており、Blazorアプリケーションのための豊富なUIコンポーネントを提供しています。

MudBlazorへのリンクはこちらから
MudBlazor

Microsoft Fluent UI Blazor Components

モダンなMicrosoftアプリケーションの外観を持つアプリケーションを構築するための、Blazorコンポーネントのライブラリを提供します。

Microsoft Fluent UI Blazor Componentsへのリンクはこちらから
Microsoft Fluent UI Blazor Components

Ant Design Blazor

Ant Design Blazorは、人気のあるUIデザイン言語[Ant Design]を基にしたBlazorコンポーネントのライブラリです。

Ant Design Blazorへのリンクはこちらから
Ant Design Blazor

BlazorStrap

BlazorStrapは、Blazorアプリケーションに、Bootstrapの美しさと使いやすさを取り入れることができるライブラリです。 Bootstrapに慣れている開発者は、BlazorStrapを利用してBlazorでの開発を効率よく取り組むことができます。

BlazorStrapへのリンクはこちらから
BlazorStrap

まとめ

UIフレームワークを利用すると、Blazorでの開発がより捗ります。 是非お気に入りのUIフレームワークを見つけてみてください。


ブログ内の記事で書かれているサンプルコードは、GitHubから確認する事ができます。 是非参考にしてみてください。

この本では、Blazorの基本から高度なテクニックまで、実際のプロジェクトに役立つ知識を網羅しています。 初心者から経験者まで、Blazorを扱うすべての開発者にとっての必読書です。 この記事の執筆者も参考にした「Blazor入門」で、あなたのBlazorスキルを飛躍的に向上させませんか?

合わせて読みたい

カード画像
Excelライブラリ

この記事では、Blazorで使用できる複数のExcelライブラリを紹介しています。ClosedXml, GemBox.Spreadsheet, ExcelCreator 11, Spire.XLS for .NET, および Aspose.Cells for .NETなど、機能豊富で使いやすいライブラリが紹介されており、各ライブラリの主要な特徴、利用可能なフォーマット、対応プラットフォーム、および公式ドキュメントの有無などが詳述されています。企業や開発者がExcelファイルの作成、編集、変換に役立つ情報が満載です。

更新日:2024/03/06

カード画像
Visual Studio 2022 ver 17.11で発生するBlazor CS0103エラーの対処法

Visual Studio 2022 ver 17.11でBlazor Serverプロジェクトの一部Razorファイルに「CS0103 現在のコンテキストに'〇△'という名前は存在しません。」エラーが発生。Ver 17.10.3にダウングレードで解決可能です。

更新日:2024/09/25

An error has occurred. This application may no longer respond until reloaded. Reload 🗙