九款開源、免費、實用、美觀的Blazor UI框架
前言
本文主要分享9款開源、免費、實用、美觀的Blazor UI框架，提供給廣大C#/.NET開發(fā)者們學習和使用（注意：排名不分先后，都是十分優(yōu)秀的開源框架和項目??）。這些框架都已收錄到C#/.NET/.NET Core優(yōu)秀項目和框架精選中，關注優(yōu)秀項目和框架精選能讓你及時了解C#、.NET和.NET Core領域的最新動態(tài)和最佳實踐，提高開發(fā)效率和質量。坑已挖，歡迎大家踴躍提交PR，自薦（讓優(yōu)秀的項目和框架不被埋沒??）。
GitHub項目倉庫收集地址：https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md
Ant Design Blazor
使用文檔：https://antblazor.com/zh-CN/docs/introduce
GitHub項目地址：https://github.com/ant-design-blazor/ant-design-blazor
項目介紹
Ant Design Blazor是一套基于Ant Design和 Blazor的企業(yè)級組件庫（喜歡Ant Design風格的同學推薦使用）。
項目特點
- ?? 提煉自企業(yè)級中后臺產品的交互語言和視覺風格。
- ?? 開箱即用的高質量 Blazor 組件，可在多種托管方式共享。
- ?? 支持基于 WebAssembly 的前端和基于 SignalR 的服務端 UI 即時交互。
- ?? 支持漸進式 Web 應用（PWA）
- ?? 使用 C# 構建，多范式靜態(tài)語言帶來高效的開發(fā)體驗。
- ?? 支持 .NET Core 3.1 以上所有版本，可直接引用豐富的 .NET 類庫。
- ?? 數(shù)十個國際化語言支持。
- ?? 基于 MIT 開源協(xié)議，.NET 基金會項目，商業(yè)應用免費。
項目截圖
圖片
圖片
圖片
BootstrapBlazor
使用文檔：https://www.blazor.zone/introduction
Gitee項目地址：https://gitee.com/LongbowEnterprise/BootstrapBlazor
項目介紹
BootstrapBlazor是一套基于 Bootstrap 和 Blazor 的企業(yè)級組件庫，可以認為是 Bootstrap 項目的 Blazor 版實現(xiàn)?；?nbsp;Bootstrap 樣式庫精心打造，并且額外增加了 100 多種常用的組件，為您快速開發(fā)項目帶來非一般的感覺（喜歡Bootstrap風格的同學推薦使用）。
項目截圖
圖片
圖片
圖片
MudBlazor
使用文檔：https://mudblazor.com/docs/overview
GitHub項目地址：https://github.com/MudBlazor/MudBlazor
項目介紹
MudBlazor是一個基于Material Design的Blazor組件框架，注重易用性和清晰的結構。它非常適合想要快速構建Web應用程序的 .NET 開發(fā)人員，無需費力地處理 CSS 和 JavaScript。由于 MudBlazor 完全使用C#編寫，因此您可以自由地調整、修復或擴展該框架。文檔中有大量示例代碼，使理解和學習 MudBlazor 非常容易。
項目特點
- 基于 Material Design 的清晰美觀的圖形設計。
- 易于理解的結構。
- 良好的文檔和許多示例和源代碼片段。
- 所有組件全部使用 C# 編寫，不允許使用 JavaScript（除非絕對必要）。
- 用戶可以創(chuàng)建漂亮的應用程序，而無需使用 CSS（當然也可以使用 CSS）。
- 不依賴其他組件庫，完全控制組件和功能。
- 穩(wěn)定性！我們努力實現(xiàn)完整的測試覆蓋率。
- 頻繁發(fā)布版本，以便開發(fā)人員及時獲得其 Pull Request 和修復。
項目截圖
圖片
圖片
圖片
MatBlazor
使用文檔：https://www.matblazor.com/
GitHub項目地址：https://github.com/SamProf/MatBlazor
項目介紹
MatBlazor是一套基于Material Design規(guī)范實現(xiàn)的Blazor和Razor通用組件庫。
項目截圖
圖片
圖片
圖片
Blazorise
使用文檔：https://blazorise.com/docs
GitHub項目地址：https://github.com/Megabit/Blazorise
項目介紹
Blazorise 是用于Blazor的 UI 組件庫，支持使用Bootstrap、Tailwind、Bulma、Ant Design 和 Material 等 CSS 框架，可用于構建響應式的單頁 Web 應用程序。
項目截圖
圖片
圖片
圖片
Microsoft Fluent UI Blazor
使用文檔：https://www.fluentui-blazor.net/
GitHub項目地址：https://github.com/microsoft/fluentui-blazor
項目介紹
Microsoft Fluent UI Blazor是一個基于Blazor的組件庫，提供了一系列的UI組件以及Fluent UI的設計系統(tǒng)。該庫可以幫助開發(fā)人員快速構建現(xiàn)代化的 Web 應用程序，并且與 Blazor 技術相結合，可以實現(xiàn)高效而靈活的單頁應用程序開發(fā)。
項目截圖
圖片
圖片
圖片
Radzen Blazor
使用文檔：https://blazor.radzen.com/
GitHub項目地址：https://github.com/radzenhq/radzen-blazor
項目介紹
Radzen Blazor 是一個包含70多個免費的原生 Blazor UI 組件的集合，其中包括 DataGrid、Scheduler、Charts 等功能強大的組件，并提供了豐富的主題樣式，包括 Material Design 和 FluentUI?？梢詫?Radzen Blazor 視為一個用于構建 Blazor 應用程序的 UI 框架，它提供了一系列預構建的組件和工具，幫助開發(fā)人員快速搭建和定制自己的應用程序界面。
項目截圖
圖片
圖片
圖片
MASA.Blazor
使用文檔：https://docs.masastack.com/blazor/getting-started/installation
GitHub項目地址：https://github.com/masastack/MASA.Blazor
項目介紹
基于Material設計規(guī)范和BlazorComponent的交互能力提供標準的基礎組件庫。提供如布局、彈框標準、Loading、全局異常處理等標準場景的預置組件。從更多實際場景出發(fā)，滿足更多用戶和場景的需求，最大的減少開發(fā)者的時間成本。縮短開發(fā)周期提高開發(fā)效率。
項目特點
- 豐富組件：包含Vuetify 1:1還原的基礎組件，以及很多實用的預置組件和.Net深度集成功能，包括Url、面包屑、導航三聯(lián)動，高級搜索，i18n等
- UI設計語言：設計風格現(xiàn)代，UI 多端體驗設計優(yōu)秀
- 專業(yè)示例：MASA Blazor Pro 提供多種常見場景的預設布局
- 簡易上手：豐富詳細的上手文檔，免費的視頻教程（制作中）
- 社區(qū)活躍鼓勵：用戶參與實時互動，做出貢獻加入我們，構建最開放的開源社區(qū)
- 長期支持：全職團隊維護，長期提供支持，并提供企業(yè)級支持
- 知名企業(yè)選擇：該技術框架被多家知名企業(yè)選擇使用，未來MASA Stack產品線也將一直使用，持續(xù)增加新功能
項目截圖
圖片
圖片
圖片
BlazorStrap
使用文檔：https://getbootstrap.com/docs/5.1/getting-started/introduction/
GitHub項目地址：https://github.com/chanan/BlazorStrap
項目介紹
BlazorStrap是一個基于 Bootstrap 的 Blazor 的 UI 組件庫，BlazorStrap的組件也支持響應式布局、主題定制以及多語言支持等功能，可以幫助開發(fā)者快速搭建出美觀、易用的 Web 應用程序。
項目截圖
圖片
圖片
圖片
