# AwesomeBlazor
**Repository Path**: fan0217/AwesomeBlazor
## Basic Information
- **Project Name**: AwesomeBlazor
- **Description**: Awesome Blazor
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-08
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Awesome Blazor [](https://awesome.re)
[
](https://dotnet.microsoft.com/apps/aspnet/web-apps/client)
> A collection of awesome Blazor resources.
Blazor is a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Contributions are always welcome! Please take a look at the [contribution guidelines](https://github.com/AdrienTorris/awesome-blazor/blob/master/CONTRIBUTING.md) pages first. Thanks to all [contributors](https://github.com/AdrienTorris/awesome-blazor/graphs/contributors), you're awesome and wouldn't be possible without you!
If you need to search on this list you can try this great website: [Awesome Blazor Browser](https://jsakamoto.github.io/awesome-blazor-browser/).
Thanks @jsakamoto for this! [Source code](https://github.com/jsakamoto/awesome-blazor-browser)  .
## Special event: "An accessibility audit of .NET Blazor with Chris DeMars". [July, 9]
[
](https://dotnetdocs.dev)
- Join Chris DeMars (@saltnburnem ), along with hosts Cam Soper, Scott Addie, David Pine for a captivating conversation about .NET.
- Live here: https://dotnetdocs.dev
## Contents
* [Introduction](#introduction)
* [General](#general)
* [Sample Projects](#sample-projects)
* [Tutorials](#tutorials)
* [Libraries & Extensions](#libraries--extensions)
* [Videos](#videos)
* [Articles](#articles)
* [Podcasts](#podcasts)
* [Presentations slides](#presentations-slides)
* [Tooling](#tooling)
* [Books](#books)
* [E-Books](#e-books)
* [Courses](#courses)
* [Community](#community)
* [Other Languages](#other-languages)
## Introduction
### What is Blazor?
Blazor is a .NET web framework to build client web apps with C#.
Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.
More information on the [official Blazor website](https://blazor.net).
### Get started
To get started with Blazor, follow the instructions in the [Blazor Get Started](https://docs.microsoft.com/aspnet/core/blazor/get-started) documentation.
## General
* [ASP.NET Blog's archives](https://devblogs.microsoft.com/aspnet/category/blazor/) - Archives of the ASP.NET blog about Blazor.
* [Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/client) - Official website of Blazor, from Microsoft.
* [Blazor bites](https://chrissainty.com/blazor-bites/) - Blazor bites series by Chris Sainty.
* [Blazor-Dev gallery on .NET Foundation](https://dotnet.myget.org/gallery/blazor-dev) - Daily builds of the 'dev' branch of Blazor.
* [Blazor Extensions](https://github.com/BlazorExtensions) - Curated extensions for Microsoft ASP.Net Core Blazor.
* [Blazor University](http://blazor-university.com/) - Unofficial documentation website.
* [Demo](https://blazor-demo.github.io/) - Official basic demo website.
* [Documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor) - Official documentation, by Microsoft.
* [eShopOnBlazor](https://github.com/dotnet-architecture/eShopOnBlazor) -   Migration of a traditional ASP.NET Web Forms app to Blazor, sample by Microsoft Architecture.
* [FAQ](https://github.com/aspnet/Blazor/wiki/FAQ) - FAQ.
* [GitHub repository](https://github.com/aspnet/Blazor) -   The official Blazor repository.
* ['Hello World' sample](https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor) - 'Hello World' sample.
* [Introduction to ASP.NET Core](https://docs.microsoft.com/en-us/aspnet/core/) - Introduction to ASP.NET Core.
* [Study Blazor](https://studyblazor.com) - Blazor tutorial for beginners, in simple and easy steps starting from basics to advanced concepts with more code snippets.
* [Workshop](https://github.com/dotnet-presentations/blazor-workshop/) -   Build a complete Blazor app and learn about the various Blazor framework features along the way.
## Sample Projects
### Authentication
* [BlazorBoilerplate](https://github.com/enkodellc/blazorboilerplate) -   Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. [Demo](https://blazorboilerplate.com).
* [BlazorWithIdentity](https://github.com/stavroskasidis/BlazorWithIdentity) -   A sample project showcasing a Blazor app using EF Core with Identity authentication.
* [Authentication with client-side Blazor](https://github.com/chrissainty/AuthenticationWithClientSideBlazor) -   Authentication with client-side Blazor using WebAPI and ASP.NET Core Identity. [Blog post](https://chrissainty.com/securing-your-blazor-apps-authentication-with-clientside-blazor-using-webapi-aspnet-core-identity/).
* [BlazorAuthenticationSample](https://github.com/christiansparre/BlazorAuthenticationSample) -   A sample showing some of the ASP.NET Core Blazor authentication features (also some testing...).
* [Blazor.Msal](https://github.com/cradle77/Blazor.Msal) -   Sample implementation for MSAL in Blazor, it shows how to integrate a Single Page Web Application made in Blazor WebAssembly with Azure Active Directory. It allows to authenticate the user and then acquire an access token to make a secure call to an external API. The code internally uses [MSAL.js](https://docs.microsoft.com/en-us/azure/active-directory/develop/msal-overview) to implement the OpenID Connect and OAuth2 flows.
* [TheIdServer](https://github.com/Aguafrommars/TheIdServer) -   OpenID/Connect server base on IdentityServer4.
* [Blazor and Identity Server](https://github.com/cradle77/BlazorSecurityDemo) -   This project demonstrates how to secure a Blazor WebAssembly application with a standalone Identity Server instance and use it to acquire a token for a protected API.
* [Blazor.OpenId](https://github.com/jbomhold3/Blazor.Openid) -   Easy authentication and client refresh using OpenId.
* [BlazorGraphApi](https://github.com/wmgdev/BlazorGraphApi) -   Blazor Server App with AD Authentication, that calls the MS Graph API on-behalf of the signed-in user using [Microsoft.Identity.Web](https://github.com/AzureAD/microsoft-identity-web).
* [Blorc.OpenIdConnect](https://github.com/WildGums/Blorc.OpenIdConnect) -  The right way to use OpenID Connect on Blazor.
* [Blazor-WASM-Identity-gRPC](https://github.com/JeepNL/Blazor-WASM-Identity-gRPC) -  Blazor WASM, IdentityServer4 & gRPC with roles authorization.
* [Blazor-WASM-AzureAD-gRPC](https://github.com/StefH/BlazorWasmGrpcWithAADAuth) -  Blazor WASM, Azure AD, REST & gRPC.
* [Blazor-WASM-Auth0-gRPC](https://github.com/StefH/BlazorWasmGrpcWithAuth0) -  Blazor WASM, [Auth0](https://auth0.com), REST & gRPC.
* [Blazor WebAssembly and Azure Active Directory](https://github.com/waelkdouh/BlazorWebAssemblyAADImplicitGrantFlow) -  Blazor WebAssembly application secured with Azure Active Directory. This source code is related to an article on Medium: [Securing a Blazor WebAssembly application with Azure Active Directory](https://medium.com/@waelkdouh/securing-a-blazor-webassembly-application-with-azure-active-directory-7822148f332b).
### Cloud
* [BlazorAzure.WebApp](https://github.com/gpeipman/BlazorDemo/tree/master/BlazorAzure.WebApp) -   Blazor Azure web app.
* [BlazorAzure.Functions](https://github.com/gpeipman/BlazorDemo/tree/master/BlazorAzure.Functions) -   Azure function with Blazor.
* [BlazorFile2Azure](https://github.com/daltskin/BlazorFile2Azure) -   Upload a file from Blazor WebAssembly to Azure Blob Storage.
* [Blazor WASM Deployment](https://github.com/timheuer/blazor-deploy-sample/) -  Sample repo for showing Actions to deploy a Blazor app to Azure services.
### CMS
* [Blogifier](https://github.com/blogifierdotnet/Blogifier) -   ASP.NET Core Blogging application with Blazor Admin Dashboard. [Demo](http://blogifier.net/blog).
* [BlogCore](https://github.com/thangchung/blog-core) -   Modern CMS on Domain-driven Design and Clean Architecture patterns.
* [RapidCMS](https://github.com/ThomasBleijendaal/RapidCMS) -   A code-first, extensible Blazor app that generates a CMS for your own database.
* [WordDaze](https://github.com/chrissainty/worddaze) -   Blogging application written using Blazor with a WebAPI backend.
* [AcBlog](https://github.com/acblog/acblog) -   A blogging PWA that can be hosted as a full static website or as a server-prerender dynamic website. [GitHub Pages Demo](https://acblog.github.io).
### Games
* [AsteroidsWasm](https://github.com/aesalazar/AsteroidsWasm) -   Collection of applications based on a single C# .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron, WPF, WinForms, Xamarin. [Demo](https://aesalazar.github.io/AsteroidsWasm/).
* [Trains.NET](https://github.com/davidwengier/Trains.NET) -   2D game built with .NET and C#.
* [Flappy Blazor Bird](https://github.com/ctrl-alt-d/FlappyBlazorBird) -   Blazor Flappy Bird's port. [[Wasm Demo]](http://flappyblazorbird.ctrl-alt-d.net) | [[Multiplayer Demo]](http://flappyparty.ctrl-alt-d.net/).
* [DiabloBlazor](https://github.com/n-stefan/diabloblazor) -   Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. [Demo](https://n-stefan.github.io/diabloblazor).
* [Blagario](https://github.com/ctrl-alt-d/Blagario) -   Experimental lab to test Blazor server side as multiplayer game engine.
* [BlazorGames](https://github.com/exceptionnotfound/BlazorGames) -   This project is a Blazor WebAssembly project where we design, model, implement, and play common board and card games. This website is deployed here: [blazorgames.net](https://blazorgames.net/).
* [BlazorPong](https://github.com/MACEL94/BlazorPong) -  - Pong in Blazor server model and Wasm model using SignalR Core. [Server Demo](https://blazorpong-dev-as.azurewebsites.net). [Wasm Demo](https://blazorpongwasm.azurewebsites.net/).
* [BlazorConnectFour](https://github.com/exceptionnotfound/BlazorConnectFour) -  Classic childhood game ConnectFour in Blazor.
* [Memory Game Wasm/PWA](https://github.com/HillPhelmuth/MemoryEtcWasm) -  Simple Memory game with PWA support. [Demo](https://memoryetcwasmserver20200329202745.azurewebsites.net/).
* [BlazorGame](https://github.com/jackpotdk/BlazorGame) -  BlazorGame is a small proof-of-concept project to investigate the feasability of Blazor-based C# game development.
* [Lights out Blazor](https://github.com/bjorndaniel/lightsoutpuzzle) -  Clone based on the 1995 game [Lights Out](https://en.wikipedia.org/wiki/Lights_Out_(game)) by Tiger Electronics [Demo](https://lights-out-puzzle.bjorndaniel.se/).
* [Minesweeper](https://github.com/exceptionnotfound/BlazorGames) -  Minesweeper using C# and Blazor WebAssembly.
### Hybrid
* [Blazor + Electron](https://aka.ms/blazorelectron) - Host Razor Components inside an Electron shell. This allows for modern, high-performance cross-platform desktop apps built with .NET and web technologies.
* [Blazor + WebWindow](https://aka.ms/webwindow) - [WebWindow](https://www.nuget.org/packages/WebWindow) is like Electron, but without bundling Node.js or Chromium, and without most of the APIs. [WebWindow source code](https://github.com/SteveSandersonMS/WebWindow). [Blazor + WebWindow sample here](https://github.com/SteveSandersonMS/WebWindow/tree/master/samples/BlazorDesktopApp).
* [BlazorMobile](https://github.com/Daddoon/BlazorMobile) -   Create full C# driven hybrid-apps for iOS, Android, UWP & Desktop with Blazor.
* [BlazorWebView](https://github.com/jspuij/BlazorWebView) -   A BlazorWebView "Control" that is easily embedded in (Native) UI frameworks.
* [BlazorGrpc](https://github.com/razfriman/BlazorGrpc) -   Sample project that demonstrates how you can use the power of Blazor, ASP.NET Core, and gRPC to create a web application which can communicate with a backend that uses gRPC.
* [Blazor + Sitecore](https://github.com/GoranHalvarsson/SitecoreBlazor) -   Example of dynamic pages and routes with SiteCore and [Helix](https://helix.sitecore.net/).
* [Try F# on WebAssembly](https://github.com/fsbolero/TryFSharpOnWasm) -   The F# compiler running in WebAssembly with Bolero.
* [BlazorPoint](https://github.com/smjltd/BlazorPoint) -   Sample App to help you get started with hosting Blazor on SharePoint Pages, completely Client Side.
* [gRPC-Web](https://github.com/waelkdouh/gRPC-Web) -   Sample about gRPC-Web and Blazor WebAssembly.
* [Blazor + Umbraco Heartcore](https://github.com/umbraco/Umbraco.Headless.Client.Net/tree/master/samples/Umbraco.Headless.Client.Samples.BlazorServer) -  Example of using [Umbraco Heartcore](https://umbraco.com/products/umbraco-heartcore/) with Blazor.
* [BlazorGrpcWebCodeFirst](https://github.com/hakenr/BlazorGrpcWebCodeFirst) -  Sample project that demonstrates how you can use gRPC-Web with Blazor WebAssembly hosted on ASP.NET Core. Publish and consume your services without having to create .proto files - with the code-first approach.
### Logging
* [Logging.Samples](https://github.com/akovac35/Logging.Samples) -  Samples for .NET Core and ASP.NET Core logging using various logger frameworks.
### Machine Learning
* [Scalable sentiment analysis](https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp) -   A sample ables to make sentiment analysis prediction/detection of what the user is writing in a very UI interactive app (Blazor based) in the client side and running an ML.NET model (Sentiment analysis based on binary-classification) in the server side.
* [optimizer.ml](https://github.com/jameschch/LeanParameterOptimization) -   A "server-less" general purpose optimization suite for algorithm parameters. Also provides offline optimization of [Quantconnect Lean](https://github.com/QuantConnect/Lean) trading algorithms. [Demo (https://optimizer.ml)](https://optimizer.ml).
* [Baseball Machine Learning Workbench](https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp) -   A web application that showcases performing what-if analysis using in-memory Machine Learning models. [Live demo](https://baseballmlworkbench-v1.azurewebsites.net).
* [PropertyPrices](https://github.com/jameschch/PropertyPrices) -  A blazor front-end site that provides analysis and ensemble learning predictions (through SharpLearning) of property prices in the UK. [Demo (https://propertyprices.org.uk)](https://propertyprices.org.uk).
* [BlazorML5](https://github.com/sps014/BlazorML5) -  ML5 Machine Learning for Blazor with JSInterop mechanism.
### Mobile
* [Mobile Blazor Bindings](https://aka.ms/mobileblazorbindings) - Experimental Mobile Blazor Bindings - Build native mobile apps with Blazor.
### ToDos
* [Minimal ToDo by David Fowler](https://github.com/davidfowl/Todos/tree/davidfowl/todo-blazor/TodoBlazor) -   Minimal ToDo backend API implementation by David Fowler from Microsoft.
* [Bolero.TodoMVC](https://github.com/fsbolero/TodoMVC) -   A TodoMVC clone using Bolero.
### Others
* [Flight Finder](https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor) -   Flight Finder.
* [Oqtane Framework](https://github.com/oqtane/oqtane.framework) -   Modular Application Framework for Blazor.
* [BlazorDesktop](https://github.com/steveSandersonMS/BlazorDesktop) -   Native desktop Blazor app which not using Electron, by Steve Sanderson.
* [BlazorFileReader](https://github.com/Tewr/BlazorFileReader) -   Read-only File streams in Blazor. [Demo](https://tewr.github.io/BlazorFileReader/).
* [BlazorElectronExperiment](https://github.com/SteveSandersonMS/BlazorElectronExperiment.Sample) -    Exploring how a Blazor could be used to build a cross-platform desktop application using [Electron](https://electronjs.org/).
* [Toss.Blazor](https://github.com/RemiBou/Toss.Blazor) -   Twitter-like web application using Blazor.
* [BlazorChatSample](https://github.com/conficient/blazorchatsample) -   Blazor chat demo using SignalR JS client with interop.
* [eShopOnBlazor](https://github.com/dotnet-architecture/eShopOnBlazor) -   Migration of a traditional ASP.NET Web Forms app to Blazor.
* [Blazor contacts](https://github.com/bradwellsb/blazor-contacts) -   A project template for OData API, IdentityServer4 auth, and server-side Blazor.
* [BlazeDown](https://github.com/EdCharbeneau/BlazeDown) -   BlazeDown, online Markdown editor. [Demo](https://edcharbeneau.com/BlazeDown/).
* [Money](https://github.com/maraf/Money) -   A money manager implemented using CQRS+ES. [Demo](https://app.money.neptuo.com/).
* [BlazorCRUD](https://github.com/thbst16/BlazorCrud) -   Sample line of business application that illustrates key features of Blazor. [Demo](https://becksblazor.azurewebsites.net/).
* [Blazor Weather](https://github.com/danroth27/BlazorWeather) -   A Blazor Weather sample app that shows the current weather for your current location and a collection of pinned locations. Demonstrated at .NET Conf 2019 by Daniel Roth. [Demo](https://aka.ms/blazorweather).
* [Return](https://github.com/Sebazzz/Return) -   Realtime retrospective tool built in ASP.NET Core and Blazor.
* [NethereumBlazor](https://github.com/Nethereum/NethereumBlazor) -   Ethereum blockchain explorer and simple wallet.
* [Runny](https://github.com/Suchiman/Runny) -   Prototype of running roslyn in the browser via Blazor. [Demo](https://runny.azurewebsites.net/).
* [BlazorForum](https://github.com/ElliottBrand/BlazorForum) -   Forum application built with Blazor.
* [Gitter](https://github.com/Blazored/Gitter) -   A Blazor Gitter client.
* [BlazePort](https://github.com/EdCharbeneau/BlazePort) -   A futuristic ride share app for space travel written in full stack .NET with Blazor.
* [BlazorGraphExample](https://github.com/jburman/BlazorGraphExample) -   Example application for connecting to Graph API from Blazor.
* [BlazorDynamicList](https://github.com/conficient/BlazorDynamicList) -   Dynamic component binding for a generic list. [Demo](https://blazordynamiclist.azurewebsites.net/).
* [Blazor FIRE Calculators](https://github.com/bradwellsb/blazor-fire-calculators) -   Client-side financial calculators built using Blazor WebAssembly. Demonstrates custom number formatting and offline Progressive Web App (PWA) functionality. [Demo](https://fire.wellsb.com/).
* [StarshipTraveler](https://github.com/rstropek/StarshipTraveler) -   A starship traveler demo app built with Blazor for the DevOne 2019 conference.
* [BlazorServerTree](https://github.com/ctrl-alt-d/BlazorServerTree) -   A simple Server-Side Blazor sample app to deal with hierarchical data.
* [BlazorBinding](https://github.com/SQL-MisterMagoo/BlazorBinding) -   Sample Blazor App demonstrating various data binding scenarios.
* [WebSocketPage](https://github.com/Lupusa87/BlazorWebSocketHelper) -   Web Socket in Blazor. [demo](https://lupblazordemos.z13.web.core.windows.net/WebSocketPage).
* [BlazorPages](https://github.com/fernandreu/blazor-pages) -   A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
* [C# Minifer](https://github.com/atifaziz/CSharpMinifierDemo)  A client-side Blazor application demonstrating live minification of C# code using the [C# Minifier](https://github.com/atifaziz/CSharpMinifier) library. [Demo](https://atifaziz.github.io/CSharpMinifierDemo/).
* [Pattern Maker](https://github.com/sapsari/website-blazor-demo) -  C# code transformation demo that uses Roslyn and Monaco Editor. [Demo](https://patternmaker.netlify.com/).
* [Tulsa .NET User Group website](https://github.com/devsgarage/tulsa-dnug-website) -  Tulsa .NET User Group website.
* [Planning Poker](https://github.com/duracellko/planningpoker4azure) –  An app to play Planning Poker for distributed teams. The app is implemented using Blazor and shows how to switch between client-side and server-side mode with a configuration change. [Demo](http://planningpoker.duracellko.net).
* [Gjallarhorn](https://github.com/haavamoa/Gjallarhorn) -  Compare packages on different NuGet-sources. Demonstrating Client-Side Blazor MVVM-style.
* [C# Regex Tester online](https://github.com/lsvhome/regex-tester) -  Online tool for verify .Net regex syntax. ([Demo](https://lsvhome.github.io/regex-tester/)).
* [C# Regex Online tool](https://github.com/MichaelSL/blazor-wasm-test-012020) -  Online tool for verify .Net regex syntax, see splits list, table etc. ([Demo](https://dotnet-regex.com/)).
* [Blazor Tour of Heroes](https://github.com/georgemathieson/blazor-tour-of-heroes) - Blazor Tour of Heroes, using [Blazor-State](https://github.com/TimeWarpEngineering/blazor-state)(State Management architecture utilizing the MediatR pipeline) for the Redux style state.
* [Blazor.Console](https://github.com/ardacetinkaya/Blazor.Console) -  A simple component to mock CLI for ASP.NET Core 3.0 Blazor applications to execute some custom commands for an application.
* [Cognitive Services Explorer](https://github.com/jernejk/CognitiveServices.Explorer) -  PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. [Demo](https://jernejk.github.io/CognitiveServices.Explorer/).
* [Blazor Wake-on-LAN](https://github.com/georg-jung/BlazorWoL) -  Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
* [BlazorOCR](https://github.com/daltskin/BlazorOCR) -  A Blazor WebAssembly application for reading receipts.
* [Dcidr](https://github.com/timplourde/dcidr-blazor) -  Blazor WebAssembly decision-making app with PWA (offline), localstorage, and Excel export. [Demo](https://dcidr.z20.web.core.windows.net/).
* [BlazorParallax](https://github.com/fingers10/BlazorParallax) -  Simple Parallax Page sample with Blazor Server.
* [GTAVehicles](https://github.com/mytatuo/GTAVehicles) -  Sample app to manage GTA vehicles. [Demo](https://gtavehicles.azurewebsites.net/).
* [BlazingWaffles](https://github.com/gbiellem/BlazingWaffles) -  A Blazor app that wraps [Waffle Generator](https://github.com/SimonCropp/WaffleGenerator). The generator outputs readable gibberish that can be used in place of Lorum Ipsum. [Demo](http://wafflegen.azurewebsites.net/).
* [Poker Odds Pro Calculator](https://github.com/dyh1213/PokerOddsPro) -  Responsive poker odds calculator using blazor WebAssembly and pure C#. [Demo](https://dyh1213.github.io/PokerOddsPro.io/).
* [Cærostris](https://github.com/tresoneur/Caerostris) -  A Blazor Spotify client.
* [Blazor Chat](https://github.com/DataJuggler/BlazorChat) -  A sample project that demonstrates using a Singleton class to communicate to all subscribers. Site is also live at https://blazorchat.com.
* [Nethereum Playground](https://github.com/Nethereum/Nethereum.Playground) -  Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
* [BlazorAnimate](https://github.com/BlazorGuy/BlazorAnimate) -  A simple example of animating text along a path using Blazor Canvas Extensions. [Demo](https://blazorguy.net/simple-text-animation/).
* [Realtime chat app with WebAssembly](https://github.com/wsdt/RealtimeChat_WebAssembly) -  Real-time chat application with SignalR, .NET and Blazor/WebAssembly.
* [BlazorContrib](https://github.com/miguelhasse/BlazorContrib) -  Experiment of a Blazor renderer for Markdig, a Markdown component.
* [LinqToTwitter Blazor sample](https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo) -  LINQ Provider for the Twitter API (Twitter Library).
* [BlazeReport](https://github.com/LeoVen/BlazeReport) -  A minimal example of a Blazor App with NUnit, Selenium, SpecFlow and ExtentReports.
* [BlazorConduit](https://github.com/JoeyMckenzie/BlazorConduit) -  The [RealWorld](https://realworld.io) example app written using Blazor. [Demo](https://blazor-conduit.netlify.app/).
## Tutorials
* [Blazor workshop](https://github.com/dotnet-presentations/blazor-workshop/) -  Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.
* [Build a Blazor WebAssembly line of business app](https://blog.jeremylikness.com/blog/build-a-blazor-webassembly-line-of-business-app/) - June, 2020 - Build a Blazor WebAssembly line of business app. [Part 1](https://blog.jeremylikness.com/blog/build-a-blazor-webassembly-line-of-business-app/). [Part 2](https://blog.jeremylikness.com/blog/build-a-blazor-webassembly-line-of-business-app-part-2/). [Part 3](https://blog.jeremylikness.com/blog/build-a-blazor-webassembly-line-of-business-app-part-3/). [Part 4](https://blog.jeremylikness.com/blog/build-a-blazor-webassembly-line-of-business-app-part-4/). [Source code](https://github.com/JeremyLikness/BlazorWasmEFCoreExample)  .
* [Create a small blog in Blazor](https://www.roundthecode.com/dotnet/blazor) - June, 2020 - Create a small blog in Blazor, by RoundTheCode. [Part 1: Create application in Visual Studio](https://www.roundthecode.com/dotnet/blazor/create-a-small-blog-in-blazor-create-application-in-visual-studio). [Part 2: Entity Framework integration](https://www.roundthecode.com/dotnet/blazor/create-a-small-blog-in-blazor-entity-framework-integration). [Part 3: Build Entity Framework queries](https://www.roundthecode.com/dotnet/blazor/create-a-small-blog-in-blazor-build-entity-framework-queries). [Part 4: Build Category and Page Razor Components](https://www.roundthecode.com/dotnet/blazor/create-a-small-blog-in-blazor-build-category-and-page-razor-components).
* [Custom Authentication in Blazor WebAssembly – Detailed Tutorial](https://www.codewithmukesh.com/blog/authentication-in-blazor-webassembly/) - June 12, 2020 - In this next part of the Blazor Blog Series, Let’s learn about implementing Custom Authentication in Blazor WebAssembly Project (Blazor.Learner). We will cover some core concepts that can get you familiar with how authentication works in Blazor Applications. [Source code](https://github.com/iammukeshm/Blazor.Learner)  .
* [Blazor CRUD with Entity Framework Core – Detailed Tutorial](https://www.codewithmukesh.com/blog/blazor-crud-with-entity-framework-core/) - June 4, 2020 - Building a CRUD Application is like the Hello World for Intermediate Developers. It helps you understand the most common operations of any particular stack. In this tutorial, let’s build a Client-side Blazor CRUD Application that uses Entity Framework Core as it’s Data Access Layer. [Source code](https://github.com/iammukeshm/Blazor.Learner/tree/blazor-blog-series-part-3)  .
* [Creating Outlook Calendar Client from scratch](https://www.youtube.com/watch?v=5ouXHtzKL5o&list=PLFJQnCcZXWjv89uDubYW7NniK8mEl4sWQ) - May, 2020 - In this course you'll see how to develop a calendar application from scratch (design, structing and logic) then make it integrated with Microsoft Outlook so our events on the calendar being synced with Outlook. [Source code](https://github.com/aksoftware98/BlazorOutlookCalendar)  .
* [PlannerApp full client-side project with Blazor WebAssembly](https://www.youtube.com/playlist?list=PLFJQnCcZXWjtftgq0KID4oHk6wfJrRL1r) - March 2020 - Video tutorial that covers how to build a full client-side application using Blazor WebAssembly, The back-end is already done and hosted on Azure so we will take advantage of that to teach you how to develop full application from scratch. [Source code](https://github.com/aksoftware98/plannerapp_blazor).
* [Build an Authenticated Web App in C# with Blazor](https://morioh.com/p/97a53fe40f2e) - March, 2020 - Build an Authenticated Web App in C# with Blazor and [octa.com](https://www.okta.com) service.
* [Building an Application with Blazorade Bootstrap](https://mikaberglund.com/2020/02/17/building-an-application-with-blazorade-bootstrap-part-3/) - February 17, 2020 - Building an Application with Blazorade Bootstrap. [Part 3](https://mikaberglund.com/2020/02/17/building-an-application-with-blazorade-bootstrap-part-3/). [Part 2](https://mikaberglund.com/2020/01/08/building-an-application-with-blazor-bootstrap-part-2/). [Part 1](https://mikaberglund.com/2020/01/05/building-an-application-with-blazor-bootstrap-part-1/). [Source code](https://github.com/MikaBerglund/Blazor-Bootstrap-Demo).
* [Creating a step-by-step end-to-end database Client-Side (WebAssembly) Blazor application](http://blazorhelpwebsite.com/Blog/tabid/61/EntryId/4371/Creating-A-Step-By-Step-End-To-End-Database-Client-Side-Web-Assembly-Blazor-Application.aspx) - February 15, 2020 - This post covers how a list of Weather forecasts can be added to the database by each user. A user will only have the ability to see their own forecasts.
* [Getting started with Blorc.PatternFly](https://medium.com/patternfly/getting-started-with-blorc-patternfly-tutorial-cc71fed4bef6) - January 7, 2020 - Getting started with Blorc.PatternFly. What is Blorc.PatternFly? Standing for Blazor, Orc, and PatternFly, Blorc.PatternFly is a library with the ultimate goal of wrapping all PatternFly components and making them available as Blazor components. [Source code](https://github.com/alexfdezsauco/Blorc.PatternFly.QuickStart).
* [Archives](https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives) - [2019](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#tutorials), [2018](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#tutorials).
## Libraries & Extensions
*Reusable components like buttons, inputs, grids and more.*
### Component bundles
* [MatBlazor](https://github.com/SamProf/MatBlazor) -   Material Design components for Blazor. ([Demo](https://www.matblazor.com/)).
* [Ant Design Blazor](https://github.com/ant-design-blazor/ant-design-blazor) -   A set of enterprise-class UI components based on Ant Design and Blazor. ([Docs as Demo](https://ant-design-blazor.github.io/)).
* [Blazorise](https://github.com/stsrki/Blazorise) -   Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. ([Bootstrap Demo](https://bootstrapdemo.blazorise.com/)), ([Bulma Demo](https://bulmademo.blazorise.com/)), ([AntDesign Demo](https://antdesigndemo.blazorise.com/)), ([Material Demo](https://materialdemo.blazorise.com/)).
* [BlazorStrap](https://github.com/chanan/BlazorStrap) -   Material Design components for Blazor. Bootstrap 4 components for Blazor ([Demo](https://chanan.github.io/BlazorStrap/)).
* [Radzen.Blazor](https://github.com/akorchev/razor.radzen.com) -   Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. ([Demo](https://razor.radzen.com/)).
* [Skclusive.Material.Components](https://github.com/skclusive/Skclusive.Material.Component) -   Material Design components for Blazor ([Dashboard Demo](https://skclusive.github.io/Skclusive.Blazor.Samples/Dashboard/)), ([Components](https://skclusive.github.io/Skclusive.Material.Docs/)).
* [ComponentOne Blazor UI Components](https://www.grapecity.com/componentone/blazor-ui-controls) - External link. A fast datagrid, listview, input and other native Blazor components for server and client-side apps.
* [DevExpress Blazor UI Components](https://github.com/DevExpress/RazorComponents) -   A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts) for both Blazor server-side and Blazor client-side platforms.
* [BlazorFluentUI](https://github.com/BlazorFluentUI/BlazorFluentUI) -   Simple port of FluenUI/Office Fabric React components and style to Blazor. [Client-side demo (WebAssembly)](https://www.blazorfluentui.net/). [Server-side demo (SignalR)](https://blazorfluentui.azurewebsites.net/).
* [BlazorMaterial](https://github.com/BlazorExtensions/BlazorMaterial) -   Blazor components implementing Google's Material components for web.
* [BlazorWebFormsComponents](https://github.com/FritzAndFriends/BlazorWebFormsComponents) -   A collection of Blazor components that emulate the web forms components of the same name.
* [Syncfusion Blazor UI Components](https://github.com/syncfusion/ej2-aspnet-core-blazor-samples) -   Robust UI components including [Data Grid](https://ej2.syncfusion.com/aspnet-core-razor-components/Grid/DefaultFunctionalities), [Charts](https://ej2.syncfusion.com/aspnet-core-razor-components/Charts/polar), [Scheduler](https://ej2.syncfusion.com/aspnet-core-razor-components/Schedule/TimelineResourceGroup), [Inputs](https://ej2.syncfusion.com/aspnet-core-razor-components/TextBox/DefaultFunctionalities) and several [Editor](https://ej2.syncfusion.com/aspnet-core-razor-components/RichTextEditor/DefaultFunctionalities) components.
* [Telerik UI for Blazor](https://www.telerik.com/blazor-ui) - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
* [MComponents](https://github.com/manureini/MComponents) -  Open Source MIT Blazor Components: Grid, Select, Wizard etc.
### Individual components
#### API
* [Canvas](https://github.com/BlazorExtensions/Canvas) -   Material Design components for Blazor. HTML5 Canvas API implementation for Microsoft Blazor.
* [Head Element Helper](https://github.com/jsakamoto/Toolbelt.Blazor.HeadElement) -   `