Blazor資源大全，很棒的Blazor（1）

Blazor資源大全

[

](https://dotnet.microsoft.com/apps/aspnet/web-apps/client "")

一個收集了很棒的Blazor資源的集合。

Blazor是一個使用C#/Razor和HTML在浏覽器中運作的.NET Web架構。

歡迎貢獻！請先檢視貢獻指南[1]。感謝所有的貢獻者[2]，你們真棒，沒有你們就不可能實作這個！

如果你需要在這個清單中搜尋，你可以嘗試這個很棒的網站：Awesome Blazor Browser[3]。感謝@jsakamoto提供這個！源代碼[4]。

目錄

• 介紹[5]
• 通用[6]
• 模闆[7]
• 示例項目[8]
• 教程[9]
• 庫和擴充[10]
• 真實世界應用[11]
• 視訊[12]
• 文章[13]
• 播客[14]
• 示範幻燈片[15]
• 工具[16]
• 書籍[17]
• 電子書[18]
• 課程[19]
• 社群[20]
• 其他語言[21]

介紹

什麼是Blazor？

Blazor是一個用于使用C#建構用戶端Web應用程式的.NET Web架構。

Blazor允許您使用C#而不是JavaScript建構互動式Web使用者界面。Blazor應用程式由使用C#、HTML和CSS實作的可重用的Web使用者界面元件組成。用戶端和伺服器代碼都是用C#編寫的，允許您共享代碼和庫。 更多資訊請參閱官方Blazor網站[22]。

入門

要開始使用Blazor，請按照Blazor入門[23]文檔中的說明進行操作。

在Microsoft Learn上完成使用Blazor建構Web應用程式[24]學習會議也是一個不錯的主意。另一個很好的入門資源是Jeff Fritz在Channel9[25]或YouTube[26]上的初學者系列。

通用

• ASP.NET部落格存檔[27] - 關于Blazor的ASP.NET部落格存檔。
• Blazor[28] - Blazor的官方網站，來自Microsoft。
• Microsoft Learn上的Blazor課程[29] - Microsoft Learn上的Blazor課程。
• .NET基金會上的Blazor-Dev庫[30] - Blazor“dev”分支的每日建構。
• Blazor擴充[31] - 為Microsoft ASP.Net Core Blazor精選的擴充。
• Blazor大學[32] - 非官方的文檔網站。
• 示範[33] - 官方基本示範網站。
• 文檔[34] - 官方文檔，由Microsoft提供。
• eShopOnBlazor[35] - 将傳統的ASP.NET Web Forms應用程式遷移到Blazor的示例，由Microsoft Architecture提供。
• 常見問題[36] - 常見問題。
• GitHub存儲庫[37] - 官方Blazor存儲庫（即ASP.NET Core存儲庫）。
• 'Hello World'示例[38] - 'Hello World'示例。
• ASP.NET Core簡介[39] - ASP.NET Core簡介。
• 工作坊[40] - 建構一個完整的Blazor應用程式，并在此過程中了解各種Blazor架構功能。
• Blazor WebAssembly性能最佳實踐[41] - ASP.NET Core Blazor WebAssembly性能最佳實踐，由Pranav Krishnamoorthy和Steve Sanderson提供。
• themesof.net[42] - .NET 6規劃過程。
• 30秒Blazor[43] - 有用代碼片段的集合，靈感來自流行的30秒JavaScript和React。

模闆

• BitPlatform模闆[44] - - 使用.Net MAUI和Blazor的解決方案模闆，具備開箱即用的最佳實踐，實作快速高品質的跨平台開發，支援Web、Android、iOS和Windows，具備原生美觀的Blazor元件。這些模闆建立的項目包含了開發實際應用所需的一切，包括（但不限于）CI/CD流水線、Azure的基礎設施即代碼、本地化、多模式開發（Blazor Server/WASM/Hybrid）、内置的異常處理等。了解更多[45]。
• Blazor Hero[46] - - 使用MudBlazor元件建構的Blazor WebAssembly的幹淨架構解決方案模闆。這個項目将使您的Blazor學習過程比您預期的要容易得多。Blazor Hero旨在成為一個企業級的樣闆，完全開源，免費使用。在這裡閱讀快速入門指南[47]。
• Blazor BFF Azure AD[48] - - 此模闆可用于建立一個在ASP.NET Core Web應用程式中托管的Blazor WASM應用程式，使用Azure AD和Microsoft.Identity.Web進行身份驗證，使用BFF安全架構進行身份驗證（伺服器身份驗證）。這将從浏覽器中删除令牌，并在每個HTTP請求、響應中使用cookie。該模闆還盡可能地為Blazor應用程式添加了所需的安全标頭。在這裡閱讀快速入門指南[49]。
• Blazor BFF Azure B2C[50] - - 此模闆可用于建立一個在ASP.NET Core Web應用程式中托管的Blazor WASM應用程式，使用Azure B2C和Microsoft.Identity.Web進行身份驗證，使用BFF安全架構進行身份驗證（伺服器身份驗證）。這将從浏覽器中删除令牌，并在每個HTTP請求、響應中使用cookie。該模闆還盡可能地為Blazor應用程式添加了所需的安全标頭。在這裡閱讀快速入門指南[51]。
• 使用Blazor和C#從頭開始建構文本編輯器[52] - YouTube上的一系列視訊，介紹如何使用Blazor和.NET從頭開始建構自己的IDE。起始點倉庫[53]。Blazor Studio倉庫[54]。

示例項目

AI

Cledev.OpenAI[55] - 用于OpenAI的.NET 7 SDK，帶有一個Blazor Server的遊樂場。

認證

• BlazorBoilerplate[56] - 帶有IdentityServer4 Material Design的真實世界管理儀表闆/入門套件。示範[57]。
• TheIdServer[58] - 基于IdentityServer4的OpenID/Connect伺服器。
• BlazorWithIdentity[59] - 展示使用EF Core和Identity身份驗證的Blazor應用程式的示例項目。
• Blorc.OpenIdConnect[60] - 在Blazor上正确使用OpenID Connect的方法。
• Blazor-WASM-AzureAD-gRPC[61] - Blazor WASM、Azure AD、REST和gRPC。
• Quiz manager secured by Auth0[62] - 該存儲庫包含一個使用Auth0[63]進行安全保護的Blazor WebAssembly應用程式實作的簡單的測驗管理器。實作細節在以下文章中描述：Securing Blazor WebAssembly Apps[64]。

CMS

• Blogifier[65] - 帶有Blazor管理儀表闆的ASP.NET Core部落格應用程式。示範[66]。
• eShopOnBlazor[67] - 将傳統的ASP.NET Web Forms應用程式遷移到Blazor。
• JHipster.NET[68]JHipster[69]是一個在Java世界中生成現代應用程式的知名平台。JHipster[70]提供了一個藍圖系統，允許覆寫生成器的預設行為。JHipster.NET是一個藍圖，通過将後端部分從最初生成的spring boot更改為asp.net core，覆寫了後端部分。對于前端，可以使用所有常見的語言（angular、react），包括Blazor。
• RapidCMS[71] - 一個基于代碼的、可擴充的Blazor應用程式，為您的資料庫生成CMS。
• BlazorShop[72] - 使用Blazor WebAssembly建構的簡單商店應用程式。
• Umbraco9 & Blazor WASM Starter Site[73] - 用Blazor WebAssembly和Tailwind CSS/UI制作的Umbraco v9的簡單入門站點。這是一個我用來玩耍和嘗試Umbraco 9、Blazor WebAssembly、TailwindCSS、塊清單編輯器和其他幾個概念的項目。

遊戲

• Trains.NET[74] - 使用.NET和C#建構的2D遊戲，通過Twitch流[75]可以線上玩Trains，網址為wengier.com/Trains.NET[76]。
• AsteroidsWasm[77] - 一組使用單個.NET Standard項目的.NET 5 C#應用程式，運作在：Blazor Client（WebAssembly）、Blazor Server、Electron（通過Blazor Server）、WPF、WinForms、Xamarin。示範[78]。
• DiabloBlazor[79] - DiabloWeb的Blazor移植，使其成為一個雙WebAssembly應用程式：一個WebAssembly（C#）PWA托管一個WebAssembly（C++）遊戲。示範[80]。
• Board Games[81] - Fusion[82] + Blazor示例，一個完全功能的Web應用程式，允許您進行實時多人遊戲。示範[83]。
• Wolfenstein 3D ported to Blazor[84] - Wolfenstein 3D移植到現代C#和Blazor。文章[85]。
• ZXSpectrum[86] - 在Blazor WebAssembly上運作的ZX Spectrum模拟器。示範[87]。
• WordleBlazor[88] - Blazor中受歡迎的Wordle遊戲的簡單克隆。示範[89]。

混合

• Blazor + Electron[90] - 在Electron外殼中托管Razor元件。這允許使用.NET和Web技術建構現代、高性能的跨平台桌面應用程式。
• Blazor + WebWindow[91] - WebWindow[92]類似于Electron，但不需要捆綁Node.js或Chromium，并且沒有大部分API。WebWindow源代碼[93]。這裡有Blazor + WebWindow示例[94]。
• Photino[95] - 建構原生的、跨平台的桌面應用程式，比輕量級還要輕量級。Photino是一個輕量級的開源架構，用于使用Web UI技術建構原生的、跨平台的桌面應用程式。
• Blazor + Umbraco Heartcore[96] - 使用Umbraco Heartcore[97]與Blazor的示例。
• Blazor Wasm with ASP.NET Framework 4.x[98] - 通過一些調整和限制，您可以在Net Framework 4.x或其他環境中運作Blazor Wasm。Medium上的解釋[99]。
• RemoteBlazorWebView[100] - RemoteBlazorWebView使您能夠使用Web浏覽器與使用BlazorWebView WPF控件或WinForms控件開發的程式的使用者界面進行互動。
• BlazorInAngularDemo[101] - 示範了如何逐漸将現有的Angular應用程式逐漸遷移到Blazor，包括內建Blazor元件和調用Angular服務方法。示範[102]。

IDE

• Blazor Studio[103] - 使用Photino主機、Blazor UI和C#編寫的.NET解決方案的IDE。
• Picat語言IDE[104] - 基于Monaco Editor的Picat邏輯程式設計語言[105]的IDE。示範[106]。

物聯網

• PresenceLight[107] - PresenceLight是一個将各種狀态廣播到飛利浦Hue或LIFX燈泡的解決方案。您可以廣播的一些狀态包括：您在Microsoft Teams中的可用性、您目前的Windows 10主題以及您選擇的主題或顔色。部落格文章[108]。示範視訊[109]。
• Meadow Weather[110] - 在此示例中，Meadow微控制器從LM35溫度傳感器中擷取資料。該資料通過HTTP請求發送到API控制器端點，并存儲在資料庫中，可以使用Blazor Web應用程式中的圖表進行可視化。

機器學習

• 可擴充情感分析[111] - 一個示例，能夠在用戶端使用非常互動式的應用程式（基于Blazor）對使用者的寫作進行情感分析預測/檢測，并在伺服器端運作一個ML.NET模型（基于二進制分類的情感分析）。
• optimizer.ml[112] - 一個“無伺服器”的通用算法參數優化套件。還提供Quantconnect Lean[113]交易算法的離線優化。示範 (https://optimizer.ml)[114]。
• 棒球機器學習工作台[115] - 一個展示使用記憶體中的機器學習模型進行假設分析的Web應用程式。實時示範[116]。
• BlazorML5[117] - Blazor中的ML5機器學習，使用JSInterop機制。

移動

• Mobile Blazor Bindings[118] - 實驗性的Mobile Blazor Bindings - 使用Blazor建構原生移動應用程式。

快速開發架構

• WalkingTec.Mvvm (WTM)[119] - 基于.NET Core和EF的開發架構。支援Blazor、Vue、React和LayUI，可一鍵生成CRUD、導入/導出等代碼。網站[120]。

待辦事項

• TodoApi by David Fowler[121] - David Fowler在.NET 7中建立的待辦事項應用程式，包括一個基于ASP.NET Core托管的Blazor WASM前端應用程式和一個使用最小API的ASP.NET Core REST API後端。
• Bolero.TodoMVC[122] - 使用Bolero的TodoMVC克隆。
• ididit![123] - 适合拖延症患者的習慣追蹤器。記錄筆記，管理任務，追蹤習慣。示範[124]。

其他

• CleanArchitecture[125] - 使用MudBlazor元件建構的Blazor WebAssembly的Clean Architecture模闆。
• Oqtane Framework[126] - 用于Blazor的子產品化應用程式架構。
• Flight Finder[127] - 航班搜尋。
• LinqToTwitter Blazor示例[128] - 用于Twitter API的LINQ提供程式（Twitter庫）。
• BlazorFileReader[129] - 在Blazor中讀取隻讀檔案流。示範[130]。
• eShopOnBlazor[131] - 将傳統的ASP.NET Web Forms應用程式遷移到Blazor。
• BlazorChatSample[132] - 使用SignalR JS用戶端和Interop的Blazor聊天示範。
• Command and Control, by David Fowler[133] - 這是一個使用Blazor伺服器和SignalR進行指令和控制的示例。代理連接配接到托管SignalR Hub的Blazor伺服器應用程式，我們可以對連接配接的代理發出各種指令（此功能使用用戶端結果）。
• BlazorCRUD[134] - 展示Blazor的關鍵功能的示例業務應用程式。示範[135]。
• Money[136] - 使用CQRS+ES實作的資金管理器。示範[137]。
• Blazor Weather[138] - 一個Blazor天氣示例應用程式，顯示目前位置的天氣和一組固定位置的天氣。由Daniel Roth在.NET Conf 2019上示範。示範[139]。
• Blazor.SVGEditor[140] - 一個基本的HTML SVG編輯器，使用Blazor WASM編寫。示範[141]。
• NethereumBlazor[142] - 以太坊區塊鍊浏覽器和簡單錢包。
• FFmpegBlazor[143] - FFmpegBlazor提供了在Blazor Wasm C#中利用ffmpeg.wasm的能力。ffmpeg.wasm[144] 是FFmpeg的純Webassembly / Javascript端口。它使得在浏覽器内部能夠進行視訊和音頻的錄制、轉換和流媒體處理。
• Blazor Studio[145] - 一個使用.NET編寫的免費開源IDE - 使用Photino主機、Blazor UI和C#。
• Planning Poker[146] – 用于分布式團隊進行Planning Poker的應用程式。該應用程式使用Blazor實作，并展示了如何在用戶端和伺服器端模式之間進行切換。示範[147]。
• C# Regex Tester online[148] - 用于驗證.NET正規表達式文法的線上工具。(示範[149])。
• C# Regex Online tool[150] - 用于驗證.NET正規表達式文法的線上工具，可以檢視拆分清單、表格等。(示範[151])。
• Blazor Tour of Heroes[152] - Blazor英雄之旅，使用Blazor-State[153]（使用MediatR管道的狀态管理架構）實作Redux風格的狀态管理。
• Blazor.Text.Editor[154] - Blazor.Text.Editor是一個使用Blazor UI Framework for .NET的文本編輯器元件庫。示範[155]。
• Blazor Wake-on-LAN[156] - 用于本地網絡的Wake-on-LAN應用程式。Blazor Server + EF Core + DI + CI。
• BlazingWaffles[157] - 一個包裝Waffle Generator[158]的Blazor應用程式。該生成器輸出可讀的無意義文本，可用于替代Lorum Ipsum。示範[159]。
• Nethereum Playground[160] - 在浏覽器上編譯和運作Nethereum代碼片段。您可以在這裡運作它：http://playground.nethereum.com/。
• TypinExamples[161] - 一個示範如何在Blazor SPA應用程式中使用Typin[162]架構的示例項目（使用Xterm.js和自定義的C# Web Workers實作在浏覽器中模拟終端體驗）。線上示範[163]。
• Unofficial eShopOnContainers[164] - eShopOnContainers[165]的非官方Blazor WebAssembly用戶端。
• UpBlazor[166] - - Blazor Server與Up bank（一家澳洲數字銀行）內建，幫助使用者進行預算管理并獲得強大的未來洞察力。使用Clean Architecture和Marten DB[167]。
• WordTester[168] - 一個用于學習外語單詞的應用程式，使用閃卡和間隔重複。
• Css in Blazor presentation's source code[169] - Ed Charbeneau關于Blazor和CSS的示範的源代碼。
• BlazorViz interop wrapper for Viz.js[170] - 生成Graphviz DOT語言檔案并可視化樹形資料結構的示例。示範[171]。
• BlazorServerImageRecognitionApp[172] - 簡單的Blazor Server應用程式，使用圖像識别來識别和提取使用者上傳的圖像檔案中的文本。示範[173]。
• FootballBlazorApp[174] - 簡單的Football Blazor Server Web應用程式，顯示賽程和結果、小組積分、球隊和球員，并具有球員搜尋功能。示範[175]。

參考資料

[1]

貢獻指南: https://github.com/AdrienTorris/awesome-blazor/blob/master/CONTRIBUTING.md

[2]

貢獻者: https://github.com/AdrienTorris/awesome-blazor/graphs/contributors

[3]

Awesome Blazor Browser: https://jsakamoto.github.io/awesome-blazor-browser/

[4]

源代碼: https://github.com/jsakamoto/awesome-blazor-browser

[5]

介紹: #introduction

[6]

通用: #general

[7]

模闆: #templates

[8]

示例項目: #sample-projects

[9]

教程: #tutorials

[10]

庫和擴充: #libraries--extensions

[11]

真實世界應用: #real-world-applications

[12]

視訊: #videos

[13]

文章: #articles

[14]

播客: #podcasts

[15]

示範幻燈片: #presentations-slides

[16]

工具: #tooling

[17]

書籍: #books

[18]

電子書: #e-books

[19]

課程: #courses

[20]

社群: #community

[21]

其他語言: #other-languages

[22]

官方Blazor網站: https://blazor.net

[23]

Blazor入門: https://docs.microsoft.com/aspnet/core/blazor/get-started

[24]

使用Blazor建構Web應用程式: https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/

[25]

Channel9: https://channel9.msdn.com/Series/Beginners-Series-to-Blazor

[26]

YouTube: https://www.youtube.com/playlist?list=PLdo4fOcmZ0oUJCA3DCzKT79Oe3kdKEceX

[27]

ASP.NET部落格存檔: https://devblogs.microsoft.com/aspnet/category/blazor/

[28]

Blazor: https://dotnet.microsoft.com/apps/aspnet/web-apps/client

[29]

Microsoft Learn上的Blazor課程: https://docs.microsoft.com/learn/browse/?expanded=dotnet%2Cazure%2Csurface&products=dotnet%2Cwindows&roles=developer&terms=blazor

[30]

.NET基金會上的Blazor-Dev庫: https://dotnet.myget.org/gallery/blazor-dev

[31]

Blazor擴充: https://github.com/BlazorExtensions

[32]

Blazor大學: http://blazor-university.com/

[33]

示範: https://blazor-demo.github.io/

[34]

文檔: https://docs.microsoft.com/aspnet/core/blazor

[35]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[36]

常見問題: https://github.com/aspnet/Blazor/wiki/FAQ

[37]

GitHub存儲庫: https://github.com/dotnet/aspnetcore

[38]

'Hello World'示例: https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor

[39]

ASP.NET Core簡介: https://docs.microsoft.com/aspnet/core/

[40]

工作坊: https://github.com/dotnet-presentations/blazor-workshop/

[41]

Blazor WebAssembly性能最佳實踐: https://docs.microsoft.com/aspnet/core/blazor/webassembly-performance-best-practices

[42]

themesof.net: https://themesof.net/

[43]

30秒Blazor: https://www.30secondsofblazor.net/

[44]

BitPlatform模闆: https://github.com/bitfoundation/bitplatform

[45]

了解更多: https://bitplatform.dev/

[46]

Blazor Hero: https://github.com/blazorhero/CleanArchitecture

[47]

在這裡閱讀快速入門指南: https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/

[48]

Blazor BFF Azure AD: https://github.com/damienbod/Blazor.BFF.AzureAD.Template

[49]

在這裡閱讀快速入門指南: https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/

[50]

Blazor BFF Azure B2C: https://github.com/damienbod/Blazor.BFF.AzureB2C.Template

[51]

在這裡閱讀快速入門指南: https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/

[52]

使用Blazor和C#從頭開始建構文本編輯器: https://www.youtube.com/playlist?list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1

[53]

起始點倉庫: https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries

[54]

Blazor Studio倉庫: https://github.com/huntercfreeman/BlazorStudio

[55]

Cledev.OpenAI: https://github.com/lucabriguglia/Cledev.OpenAI

[56]

BlazorBoilerplate: https://github.com/enkodellc/blazorboilerplate

[57]

示範: https://blazorboilerplate.com

[58]

TheIdServer: https://github.com/Aguafrommars/TheIdServer

[59]

BlazorWithIdentity: https://github.com/stavroskasidis/BlazorWithIdentity

[60]

Blorc.OpenIdConnect: https://github.com/WildGums/Blorc.OpenIdConnect

[61]

Blazor-WASM-AzureAD-gRPC: https://github.com/StefH/BlazorWasmGrpcWithAADAuth

[62]

Quiz manager secured by Auth0: https://github.com/auth0-blog/secure-blazor-wasm-quiz-manager

[63]

Auth0: https://auth0.com/

[64]

Securing Blazor WebAssembly Apps: https://auth0.com/blog/securing-blazor-webassembly-apps/

[65]

Blogifier: https://github.com/blogifierdotnet/Blogifier

[66]

示範: http://blogifier.net/blog

[67]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[68]

JHipster.NET: https://github.com/jhipster/jhipster-dotnetcore

[69]

JHipster: https://www.jhipster.tech/

[70]

JHipster: https://www.jhipster.tech/

[71]

RapidCMS: https://github.com/ThomasBleijendaal/RapidCMS

[72]

BlazorShop: https://github.com/kalintsenkov/BlazorShop

[73]

Umbraco9 & Blazor WASM Starter Site: https://github.com/cornehoskam/Umbraco9-Blazor-Starterkit

[74]

Trains.NET: https://github.com/davidwengier/Trains.NET

[75]

Twitch流: https://www.twitch.tv/davidwengier

[76]

wengier.com/Trains.NET: https://wengier.com/Trains.NET

[77]

AsteroidsWasm: https://github.com/aesalazar/AsteroidsWasm

[78]

示範: https://aesalazar.github.io/AsteroidsWasm/

[79]

DiabloBlazor: https://github.com/n-stefan/diabloblazor

[80]

示範: https://n-stefan.github.io/diabloblazor

[81]

Board Games: https://github.com/alexyakunin/BoardGames

[82]

Fusion: https://github.com/servicetitan/Stl.Fusion

[83]

示範: https://github.com/alexyakunin/BoardGames

[84]

Wolfenstein 3D ported to Blazor: https://github.com/JamesRandall/csharp-wolfenstein

[85]

文章: https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_1/

[86]

ZXSpectrum: https://github.com/EngstromJimmy/ZXSpectrum

[87]

示範: https://zxspectrum.azurewebsites.net/

[88]

WordleBlazor: https://github.com/johnt84/WordleBlazorApp

[89]

示範: https://wordleblazorapp.azurewebsites.net/

[90]

Blazor + Electron: https://aka.ms/blazorelectron

[91]

Blazor + WebWindow: https://aka.ms/webwindow

[92]

WebWindow: https://www.nuget.org/packages/WebWindow

[93]

WebWindow源代碼: https://github.com/SteveSandersonMS/WebWindow

[94]

這裡有Blazor + WebWindow示例: https://github.com/SteveSandersonMS/WebWindow/tree/master/samples/BlazorDesktopApp

[95]

Photino: https://github.com/tryphotino/photino.NET

[96]

Blazor + Umbraco Heartcore: https://github.com/umbraco/Umbraco.Headless.Client.Net/tree/master/samples/Umbraco.Headless.Client.Samples.BlazorServer

[97]

Umbraco Heartcore: https://umbraco.com/products/umbraco-heartcore/

[98]

Blazor Wasm with ASP.NET Framework 4.x: https://github.com/elgransan/BlazorWasmWithNetFrameworkMVC

[99]

Medium上的解釋: https://medium.com/@santiagoc_33226/using-blazor-wasm-with-net-framework-mvc-or-another-old-external-site-7fc0884fcfca

[100]

RemoteBlazorWebView: https://github.com/budcribar/RemoteBlazorWebView

[101]

BlazorInAngularDemo: https://github.com/Xenoage/BlazorInAngularDemo

[102]

示範: https://xenoage.github.io/BlazorInAngularDemo/

[103]

Blazor Studio: https://github.com/huntercfreeman/BlazorStudio

[104]

Picat語言IDE: https://github.com/andrzejolszak/picat-blazor-monaco-ide/

[105]

Picat邏輯程式設計語言: http://picat-lang.org/

[106]

示範: https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/

[107]

PresenceLight: https://github.com/isaacrlevin/PresenceLight

[108]

部落格文章: https://www.isaaclevin.com/post/presence-light

[109]

示範視訊: https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m

[110]

Meadow Weather: https://github.com/bradwellsb/blazor-meadow-weather

[111]

可擴充情感分析: https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp

[112]

optimizer.ml: https://github.com/jameschch/LeanParameterOptimization

[113]

Quantconnect Lean: https://github.com/QuantConnect/Lean

[114]

示範 (https://optimizer.ml): https://optimizer.ml

[115]

棒球機器學習工作台: https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp

[116]

實時示範: https://baseballmlworkbench-v1.azurewebsites.net

[117]

BlazorML5: https://github.com/sps014/BlazorML5

[118]

Mobile Blazor Bindings: https://aka.ms/mobileblazorbindings

[119]

WalkingTec.Mvvm (WTM): https://github.com/dotnetcore/WTM

[120]

網站: https://wtmdoc.walkingtec.cn

[121]

TodoApi by David Fowler: https://github.com/davidfowl/TodoApi

[122]

Bolero.TodoMVC: https://github.com/fsbolero/TodoMVC

[123]

ididit!: https://github.com/Jinjinov/Ididit

[124]

示範: https://app.ididit.today/

[125]

CleanArchitecture: https://github.com/blazorhero/CleanArchitecture

[126]

Oqtane Framework: https://github.com/oqtane/oqtane.framework

[127]

Flight Finder: https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor

[128]

LinqToTwitter Blazor示例: https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo

[129]

BlazorFileReader: https://github.com/Tewr/BlazorFileReader

[130]

示範: https://tewr.github.io/BlazorFileReader/

[131]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[132]

BlazorChatSample: https://github.com/conficient/blazorchatsample

[133]

Command and Control, by David Fowler: https://github.com/davidfowl/CommandAndControl

[134]

BlazorCRUD: https://github.com/thbst16/BlazorCrud

[135]

示範: https://becksblazor.azurewebsites.net/

[136]

Money: https://github.com/maraf/Money

[137]

示範: https://app.money.neptuo.com/

[138]

Blazor Weather: https://github.com/danroth27/BlazorWeather

[139]

示範: https://aka.ms/blazorweather

[140]

Blazor.SVGEditor: https://github.com/KristofferStrube/Blazor.SVGEditor

[141]

示範: https://kristofferstrube.github.io/Blazor.SVGEditor/

[142]

NethereumBlazor: https://github.com/Nethereum/NethereumBlazor

[143]

FFmpegBlazor: https://github.com/sps014/FFmpegBlazor

[144]

ffmpeg.wasm: https://github.com/ffmpegwasm/ffmpeg.wasm

[145]

Blazor Studio: https://github.com/huntercfreeman/BlazorStudio

[146]

Planning Poker: https://github.com/duracellko/planningpoker4azure

[147]

示範: http://planningpoker.duracellko.net

[148]

C# Regex Tester online: https://github.com/lsvhome/regex-tester

[149]

示範: https://lsvhome.github.io/regex-tester/

[150]

C# Regex Online tool: https://github.com/MichaelSL/blazor-wasm-test-012020

[151]

示範: https://dotnet-regex.com/

[152]

Blazor Tour of Heroes: https://github.com/georgemathieson/blazor-tour-of-heroes

[153]

Blazor-State: https://github.com/TimeWarpEngineering/blazor-state

[154]

Blazor.Text.Editor: https://github.com/huntercfreeman/Blazor.Text.Editor

[155]

示範: https://hunter-freeman-dev.azurewebsites.net/

[156]

Blazor Wake-on-LAN: https://github.com/georg-jung/BlazorWoL

[157]

BlazingWaffles: https://github.com/gbiellem/BlazingWaffles

[158]

Waffle Generator: https://github.com/SimonCropp/WaffleGenerator

[159]

示範: http://wafflegen.azurewebsites.net/

[160]

Nethereum Playground: https://github.com/Nethereum/Nethereum.Playground

[161]

TypinExamples: https://github.com/adambajguz/Typin/tree/master/src/TypinExamples

[162]

Typin: https://github.com/adambajguz/Typin/

[163]

線上示範: https://adambajguz.github.io/Typin/

[164]

Unofficial eShopOnContainers: https://github.com/n-stefan/eshoponcontainers

[165]

eShopOnContainers: https://github.com/dotnet-architecture/eShopOnContainers

[166]

UpBlazor: https://github.com/Hona/UpBlazor

[167]

Marten DB: https://martendb.io/

[168]

WordTester: https://github.com/KamilBugnoKrk/WordTester

[169]

Css in Blazor presentation's source code: https://github.com/EdCharbeneau/Css-For-Blazor-Developers-Presentation

[170]

BlazorViz interop wrapper for Viz.js: https://github.com/mrzhdev/BlazorViz

[171]

示範: https://mrzhdev.github.io/BlazorViz/

[172]

BlazorServerImageRecognitionApp: https://github.com/johnt84/BlazorServerImageRecognitionApp

[173]

示範: https://blazorimagerecognitionapp.azurewebsites.net/

[174]

FootballBlazorApp: https://github.com/johnt84/FootballBlazorApp

[175]

示範: https://premierleagueblazorapp.azurewebsites.net/