Awesome Blazor

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 pages first. Thanks to all 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. Thanks @jsakamoto for this! Source code .

Contents

• Introduction
• General
• Templates
• Sample Projects
• Tutorials
• Libraries & Extensions
• Source generators
• Real-World applications
• Videos
• Articles
• Podcasts
• Presentations slides
• Tooling
• Books
• E-Books
• Courses
• Community
• 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.

Get started

To get started with Blazor, follow the instructions in the Blazor Get Started documentation.

Doing the Build a web app with Blazor learning session on Microsoft Learn can also be a good idea. Another great resource to start is the beginner serie by Jeff Fritz on Channel9 or YouTube.

General

• ASP.NET Blog's archives - Archives of the ASP.NET blog about Blazor.
• Blazor - Official website of Blazor, from Microsoft.
• Blazor courses on Microsoft Learn - Blazor courses on Microsoft Learn.
• Blazor-Dev gallery on .NET Foundation - Daily builds of the 'dev' branch of Blazor.
• Blazor Extensions - Curated extensions for Microsoft ASP.Net Core Blazor.
• Blazor University - Unofficial documentation website.
• Demo - Official basic demo website.
• Documentation - Official documentation, by Microsoft.
• eShopOnBlazor - Migration of a traditional ASP.NET Web Forms app to Blazor, sample by Microsoft Architecture.
• FAQ - FAQ.
• GitHub repository - The official Blazor repository (which is the ASP.NET Core repository).
• Introduction to ASP.NET Core - Introduction to ASP.NET Core.
• Blazor WebAssembly performance best practices - ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson.

Templates

• BitPlatform Templates - - Solution templates using .Net MAUI and Blazor with out-of-the-box best practices enabling fast and high-quality cross-platform development for web, android, iOS, and Windows with native beautiful Blazor components. The projects created by these templates contain everything required for developing real-world applications, including (but not limited to) CI/CD pipelines, Infra as Code for Azure, localization, multi-mode development (Blazor Server/WASM/Hybrid), builtin bullet proof exception handling, etc. Read more.
• Blazor Hero - - Clean Architecture Solution Template for Blazor WebAssembly built with MudBlazor Components. This project will make your Blazor Learning Process much easier than you anticipate. Blazor Hero is meant to be an Enterprise Level Boilerplate, which comes free of cost, completely open sourced. Read the Quick Start Guide here.
• Blazor BFF Azure AD - - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure AD and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. Read the Quick Start Guide here.
• Blazor BFF Azure B2C - - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure B2C and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. .

Sample Projects

AI

• Cledev.OpenAI - .NET 7 SDK for OpenAI with a Blazor Server playground.
• ExplainFaceRecognition - Interactive Face Detection & Recognition tutorial with hands-on code samples. State-of-the-art local face AI showcase. Blazor Server & Hybrid.

Authentication

• BlazorBoilerplate - Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. Demo.
• TheIdServer - OpenID/Connect server base on IdentityServer4.
• BlazorWithIdentity - A sample project showcasing a Blazor app