推薦七款開源、免費(fèi)、美觀的 .NET Blazor UI 組件庫
前言
今天大姚給大家推薦 7 款開源、免費(fèi)、美觀的 .NET Blazor UI 組件庫,希望可以幫助到有需要的小伙伴(注意:以下排名不分先后,都是十分優(yōu)秀的 Blazor UI 組件庫)。
Blazor是什么?
Blazor 是一種新興的 Web 應(yīng)用程序框架,具有很大的潛力和發(fā)展前景。Blazor 是在 .NET 和 Razor 上構(gòu)建的用戶界面框架,它采用了最新的 Web 技術(shù)和 .NET 框架優(yōu)勢,可以使用 C# 編程語言編寫 Web 應(yīng)用程序,它不僅可以提高開發(fā)效率,還可以提供更好的用戶體驗(yàn)和更好的可維護(hù)性。
BootstrapBlazor
BootstrapBlazor 是一套基于 Bootstrap 和 Blazor 的開源(Apache License)、企業(yè)級組件庫,無縫整合了 Bootstrap 框架與 Blazor 技術(shù)。它提供了一整套強(qiáng)大的工具,使開發(fā)者能夠輕松創(chuàng)建響應(yīng)式和交互式的 Web 應(yīng)用程序,喜歡 Bootstrap 風(fēng)格的小伙伴推薦使用。
- 項(xiàng)目源碼地址: https://github.com/dotnetcore/BootstrapBlazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/cOPEdLj989f7YTKOeqK2lw
圖片
圖片
圖片
Ant Design Blazor
Ant Design Blazor是一套基于Ant Design和Blazor的開源(MIT License)、免費(fèi)的企業(yè)級組件庫(喜歡Ant Design風(fēng)格的同學(xué)推薦使用)。
- 項(xiàng)目源碼地址: https://github.com/ant-design-blazor/ant-design-blazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/L6WEFjq_ktI9hPJqv_ZS2g
圖片
圖片
圖片
MASA Blazor
MASA Blazor 是一個遵循 Material Design 設(shè)計(jì)規(guī)范、開源免費(fèi)(MIT License)的 Blazor 組件庫。它提供如布局、彈框標(biāo)準(zhǔn)、Loading、全局異常處理等標(biāo)準(zhǔn)場景的預(yù)置組件,從更多實(shí)際場景出發(fā),滿足更多用戶和場景的需求,最大的減少開發(fā)者的時間成本。縮短開發(fā)周期提高開發(fā)效率。
- 項(xiàng)目源碼地址: https://github.com/masastack/MASA.Blazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/zjwzr0KZQGp1HoJtWjmp7g
圖片
圖片
圖片
Fluent UI Blazor
Fluent UI Blazor是一個由微軟官方開源(MIT License)、免費(fèi)的Blazor UI組件庫,提供了一系列的UI組件以及Fluent UI的設(shè)計(jì)系統(tǒng)。該庫可以幫助開發(fā)人員快速構(gòu)建現(xiàn)代化的 Web 應(yīng)用程序,并且與 Blazor 技術(shù)相結(jié)合,可以實(shí)現(xiàn)高效而靈活的單頁應(yīng)用程序開發(fā)。
- 項(xiàng)目源碼地址: https://github.com/microsoft/fluentui-blazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/76-k_lAUOLuWVycoWVLAyA
圖片
圖片
圖片
MudBlazor
MudBlazor是一個基于Material Design風(fēng)格開源、免費(fèi)(MIT License)、功能強(qiáng)大的Blazor組件框架,注重易用性和清晰的結(jié)構(gòu)。它非常適合想要快速構(gòu)建Web應(yīng)用程序的 .NET 開發(fā)人員,無需費(fèi)力地處理 CSS 和 JavaScript。由于MudBlazor完全使用C#編寫,因此你可以自由地調(diào)整、修復(fù)或擴(kuò)展該框架。文檔中有大量示例代碼,能夠幫助開發(fā)者快速理解和學(xué)習(xí)MudBlazor框架。
- 項(xiàng)目源碼地址: https://github.com/MudBlazor/MudBlazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/BYIRIIZvp6waLudFlevoxg
圖片
圖片
圖片
MatBlazor
MatBlazor是一套基于 Material Design 規(guī)范實(shí)現(xiàn)的、開源(MIT license)且免費(fèi)的 Blazor 和 Razor 通用組件庫。
- 項(xiàng)目源碼地址: https://github.com/SamProf/MatBlazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/mFSAX81f7jsB3D1mL3XzPg
圖片
圖片
圖片
BulmaRazor
BulmaRazor 是一套基于 Bulma 和 Blazor 的開源(MIT)、免費(fèi)、輕量級組件庫。它利用 Blazor 框架的優(yōu)勢,使用 C# 代替 JavaScript 來創(chuàng)建豐富的交互式 UI,并共享使用 .NET 編寫的服務(wù)器端和客戶端應(yīng)用邏輯。通過封裝 Bulma 樣式,BulmaRazor 提供了一組穩(wěn)定、功能豐富且易用的 UI 組件,助力開發(fā)者快速構(gòu)建現(xiàn)代化的 Web 應(yīng)用。
- 項(xiàng)目源碼地址: https://gitee.com/loogn/bulmarazor
- 項(xiàng)目詳細(xì)介紹:https://mp.weixin.qq.com/s/5wxpO36Q4cW3eechNd6p1g
圖片
圖片
圖片



































