Awesome Blazor

<img src="https://adrientorris.github.io/wwwroot/images/blazor/logo-blazor.png" align="right" width="170">

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).
• 'Hello World' sample - 'Hello World' sample.
• Introduction to ASP.NET Core - Introduction to ASP.NET Core.
• Workshop - Build a complete Blazor app and learn about the various Blazor framework features along the way.
• Blazor WebAssembly performance best practices - ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson.
• themesof.net - .NET 6 planning process.

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. Read the Quick Start Guide here.
• Text Editor from scratch with Blazor and C# - Serie of videos on YouTube who explain how to build your own IDE from scratch with Blazor and .NET. Starting point repo . Blazor Studio repo .
• BlazorSwa Template - This is a simple template for the .NET CLI which allows to create a Blazor project ready to be deployed in an Azure Static Web Apps. It allows to create an Azure Function project as backend.

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 using EF Core with Identity authentication.
• Blorc.OpenIdConnect - The right way to use OpenID Connect on Blazor.
• Blazor-WASM-AzureAD-gRPC - Blazor WASM, Azure AD, REST & gRPC.
• BlazorWasmOidcKeycloak - Blazor WebAssembly application using OpenID Connect (OIDC) authentication with Microsoft Identity and Keycloak.
• Quiz manager secured by Auth0 - This repository contains a Blazor WebAssembly application implementing a simple Quiz manager secured by Auth0. The implementation details are described in the following article: Securing Blazor WebAssembly Apps.

CMS

• Blogifier - ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
• eShopOnBlazor - Migration of a traditional ASP.NET Web Forms app to Blazor.
• JHipster.NET JHipster is a well-known platform for generating modern application in java world. JHipster provides a blueprints system that allows to override the default behavior of the generator. JHipster.NET is a blueprint that overrides the back-end part, originally generated in spring boot, by back-end in asp.net core. For the front-end all the common language can be used (angular, react), including Blazor.
• RapidCMS - A code-first, extensible Blazor app that generates a CMS for your own database.
• BlazorShop -