# awesome-blazor
**Repository Path**: Blazor/awesome-blazor
## Basic Information
- **Project Name**: awesome-blazor
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 3
- **Forks**: 4
- **Created**: 2019-11-26
- **Last Updated**: 2022-04-18
## 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)  .
## Contents
* [Introduction](#introduction)
* [General](#general)
* [Templates](#templates)
* [Sample Projects](#sample-projects)
* [Tutorials](#tutorials)
* [Libraries & Extensions](#libraries--extensions)
* [Real-World applications](#real-world-applications)
* [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)
## .NET Conf & Visual Studio 2022 After Party - Q&A (December 16, 2021).
[
](https://www.dotnetconf.net/)
- Submit your questions for the #dotNETConf & Visual Studio 2022 After Party Q&A to #dotNET6 and #VS2022 have experts answer LIVE on [@LearnTV](https://twitter.com/LearnTV). Submit questions by 5PM PT today and [register for free](https://docs.microsoft.com/en-us/events/learntv/dotnet-vs2022-dec-2021/): https://msft.it/6013k70fv
- December 16, 2021 | 8:30 AM - 10:00 AM PST
- [Learn TV](https://docs.microsoft.com/en-us/learn/tv/).
- [aka.ms/dotnetvsafterparty](https://docs.microsoft.com/en-us/events/learntv/dotnet-vs2022-dec-2021/).
## 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.
Doing the [Build a web app with Blazor](https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/) 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](https://channel9.msdn.com/Series/Beginners-Series-to-Blazor) or [YouTube](https://www.youtube.com/playlist?list=PLdo4fOcmZ0oUJCA3DCzKT79Oe3kdKEceX).
## 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 courses on Microsoft Learn](https://docs.microsoft.com/learn/browse/?expanded=dotnet%2Cazure%2Csurface&products=dotnet%2Cwindows&roles=developer&terms=blazor) - Blazor courses on Microsoft Learn.
* [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/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/dotnet/aspnetcore) -   The official Blazor repository (which is the ASP.NET Core 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/aspnet/core/) - Introduction to ASP.NET Core.
* [Workshop](https://github.com/dotnet-presentations/blazor-workshop/) -   Build a complete Blazor app and learn about the various Blazor framework features along the way.
* [Blazor WebAssembly performance best practices](https://docs.microsoft.com/aspnet/core/blazor/webassembly-performance-best-practices) - ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson.
* [themesof.net](https://themesof.net/) - .NET 6 planning process.
* [30 seconds of Blazor](https://www.30secondsofblazor.net/) - Collection of useful snippets, inspired by the popular 30 seconds of JavaScript and React.
## Templates
* [Blazor Hero](https://github.com/blazorhero/CleanArchitecture) -   - 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](https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/).
## 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/).
* [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.
* [BlazorAuthenticationSample](https://github.com/christiansparre/BlazorAuthenticationSample) -   A sample showing some of the ASP.NET Core Blazor authentication features (also some testing...).
* [Blazor-WASM-Identity-gRPC](https://github.com/JeepNL/Blazor-WASM-Identity-gRPC) -   Blazor WASM, IdentityServer4 & gRPC with roles authorization.
* [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-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).
* [Blazor Authentication Extension for Azure Static Web Apps](https://github.com/anthonychu/blazor-auth-static-web-apps/tree/main/sample) -  Blazor Authentication Extension for Azure Static Web Apps.
* [Quiz manager secured by Auth0](https://github.com/auth0-blog/secure-blazor-wasm-quiz-manager) -  This repository contains a Blazor WebAssembly application implementing a simple Quiz manager secured by [Auth0](https://auth0.com/). The implementation details are described in the following article: [Securing Blazor WebAssembly Apps](https://auth0.com/blog/securing-blazor-webassembly-apps/).
* [Blazor-WASM-Identity-gRPC-Alexa](https://github.com/arjunkrishna/Blazor-WASM-Identity-gRPC-Alexa) -  Blazor WASM, IdentityServer4 , gRPC with roles authorization & Alexa Skill Backend.
### Cloud
* [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.
* [Blazor.JobBoard](https://github.com/lohithgn/Blazor.JobBoard/) -  Blazor WebAssembly based jobboard application deployed to Azure Storage Static Site. [Demo](https://blazjobboard.azurewebsites.net/).
* [EventGrid Viewer Blazor](https://github.com/azure-samples/eventgrid-viewer-blazor/) -   Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
* [FairPlayTube](https://github.com/efonsecab/FairPlayTube/) -  Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.
### CMS
* [Blogifier](https://github.com/blogifierdotnet/Blogifier) -    ASP.NET Core Blogging application with Blazor Admin Dashboard. [Demo](http://blogifier.net/blog).
* [eShopOnBlazor](https://github.com/dotnet-architecture/eShopOnBlazor) -   Migration of a traditional ASP.NET Web Forms app to Blazor.
* [RapidCMS](https://github.com/ThomasBleijendaal/RapidCMS) -   A code-first, extensible Blazor app that generates a CMS for your own database.
* [JHipster.NET](https://github.com/jhipster/jhipster-dotnetcore)   [JHipster](https://www.jhipster.tech/) is a well-known platform for generating modern application in java world. [JHipster](https://www.jhipster.tech/) 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.
* [BlazorForum](https://github.com/ElliottBrand/BlazorForum) -   Forum application built with Blazor.
* [BlazorShop](https://github.com/kalintsenkov/BlazorShop) -   Simple shop application built with Blazor WebAssembly.
* [Atlas](https://github.com/lucabriguglia/atlas) -   A forum software built with ASP.NET Core Blazor WebAssembly.
* [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).
* [BlazingOrchard](https://github.com/BlazingOrchard/Blazing-Orchard) -   Blazing Orchard is a modular application framework that turns your Blazor project into a CMS-powered Blazor application by leveraging Orchard Core as a decoupled backend/CMS server using its REST & GraphQL APIs.
* [BlazorGhost](https://github.com/KageKirin/BlazorGhost) -  A Blazor frontend for Ghost blogs.
* [BlazorWPBlog](https://github.com/mizrael/BlazorWPBlog) -  Wordpress blog with Blazor.
* [StartBootstrap.Freelancer.Blazor](https://github.com/petrsvihlik/StartBootstrap.Freelancer.Blazor) -   Freelancer is a bootstrap template ideal for small portfolio web sites. It's powered by Kentico Kontent - a headless CMS with a comprehensive ecosystem for .NET developers.
* [Umbraco9 & Blazor WASM Starter Site](https://github.com/cornehoskam/Umbraco9-Blazor-Starterkit) -  A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts.
### Games
* [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/).
* [AsteroidsWasm](https://github.com/aesalazar/AsteroidsWasm) -   Collection of .NET 5 C# applications consuming a single .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron (via Blazor Server), WPF, WinForms, Xamarin. [Demo](https://aesalazar.github.io/AsteroidsWasm/).
* [Trains.NET](https://github.com/davidwengier/Trains.NET) -   2D game built with .NET and C# on a [Twitch stream](https://www.twitch.tv/davidwengier). Trains is available to play online at https://jamesformica.github.io/trains (Mirror at https://wengier.com/trains if that doesn't work).
* [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).
* [Flappy Blazor Bird](https://github.com/ctrl-alt-d/FlappyBlazorBird) -   Blazor Flappy Bird's port. [[Wasm Demo]](https://flappyblazorbird.ctrl-alt-d.net) | [[Multiplayer Demo]](http://flappymmo.ctrl-alt-d.net/).
* [Board Games](https://github.com/alexyakunin/BoardGames) -   [Fusion](https://github.com/servicetitan/Stl.Fusion) + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. [Demo](https://github.com/alexyakunin/BoardGames).
* [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/).
* [Minesweeper](https://github.com/exceptionnotfound/BlazorGames) -  Minesweeper using C# and Blazor WebAssembly.
* [TicTacToe](https://github.com/ysflghou/Tic-Tac-Toe) -  Tic Tac Toe game using blazor webassembly. Here is a [Demo](https://ysflghou.github.io/BlazorTicTacToe/) and a [Blog post](https://lghou.com/blog/blazor-webassembly).
* [ZXSpectrum](https://github.com/EngstromJimmy/ZXSpectrum) -  ZX Spectrum emulator running on Blazor WebAssembly. [Demo](https://zxspectrum.azurewebsites.net/).
* [BlazorDungeon](https://github.com/alexandrelozano/BlazorDungeon) -  - Multiuser dungeon game. Text based graphics. Up to 5 simultaneous players. [Demo](http://13.48.11.221/BlazorDungeon).
* [Flappy Bird](https://github.com/blazorbuilds/Flappy-Bird)  A Blazor WebAssembly implementation of Flappy Bird.
* [Blazorships](https://github.com/bjorndaniel/Blazorships) -  Battleship implementation built with Blazor and SignalR.
* [SoccerPong](https://github.com/mdeclerk/SoccerPong) -  A soccer variant of classic Pong using Blazor WebAssembly. [Demo](https://mdeclerk.github.io/SoccerPong).
* [ABlazorPong](https://github.com/marcodiniz/ABlazorPong) -  A classic Pong in Blazor WebAssembly, with sounds, without a single line of Javascript. [Demo](https://marcodiniz.github.io/ABlazorPong/).
* [Game of Life](https://github.com/mariusmuntean/GameOfLife) -  Game of life.
### 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).
* [BlazorWebView](https://github.com/jspuij/BlazorWebView) -   A BlazorWebView "Control" that is easily embedded in (Native) UI frameworks.
* [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.
* [desktoploveblazorweb](https://github.com/congzhangzh/desktoploveblazorweb) -   [desktoploveblazorweb](https://github.com/congzhangzh/desktoploveblazorweb) is a cross-platform desktop application template (mobile support in the future) based on Blazor Server, which uses an in-process ASP.NET Core server + in-process OS WebView component.
* [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.
* [SignalR CLR](https://github.com/slorello89/SignalRClr) -  This is a simple example of using SignalR and Blazor WebAssembly together to eliminate the need for any JavaScript when handling server event's. [Blog post](https://slorello.com/posts/signalr-without-javascript-using-blazor-webassembly) about this sample.
* [Serverless StreamR](https://github.com/anthonychu/serverless-streamr-blazor) -  A serverless port of StreamR powered by Blazor WebAssembly and Azure.
* [TonClientBlazor](https://github.com/ton-actions/ton-client-blazor) -  Free TON network client. [Demo](https://ton-actions.github.io/ton-client-blazor/).
* [Blazor Server Firestore Integration](https://github.com/Swimburger/BlazorServerFirestore)  Source code of the article [Building Real-Time Applications with Blazor Server and Firestore](https://www.twilio.com/blog/building-real-time-applications-with-blazor-server-and-firestore).
* [Blazorade Teams](https://github.com/Blazorade/Blazorade-Teams) -  A Blazor component library that is designed to be used when building applications for Microsoft Teams. Be sure to also check out the initial announcement for Blazorade Teams.
* [GraphQL in ASP.NET Core using HotChocolate](https://github.com/CloudBloq/GraphQLSampleApp) -  GraphQL in ASP.NET Core using HotChocolate. Source code of this tutorial: [Consuming GraphQL API In ASP.NET Core](https://dev.to/jioophoenix/hotchocolate-introduction-to-graphql-for-asp-net-core-part-1-2e27).
* [RemoteBlazorWebView](https://github.com/budcribar/RemoteBlazorWebView) -  RemoteBlazorWebView enables you to interact with the user interface of a program developed with either the BlazorWebView WPF control or WinForms control using a web browser.
* [Photino](https://github.com/tryphotino/photino.NET) -   Build native, cross-platform desktop apps that are lighter than light. Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.
### IoT
* [PresenceLight](https://github.com/isaacrlevin/PresenceLight/blob/main/worker-README.md) -   PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. [Blog post](https://www.isaaclevin.com/post/presence-light). [Demo video](https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m).
* [Meadow Weather](https://github.com/bradwellsb/blazor-meadow-weather) -  In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.
### 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).
* [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.
### Rapid Development Framework
* [WalkingTec.Mvvm (WTM)](https://github.com/dotnetcore/WTM) -   A development framework based on .NET Core and EF. It supports Blazor, Vue, React and LayUI with one click code generation for CRUD, Import/Export, etc. [Website](https://wtmdoc.walkingtec.cn).
### 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.
* [CarChecker](https://github.com/SteveSandersonMS/CarChecker) -   This is a sample application for Blazor by Steve Sanderson which was presented at Build 2020. You can view the on-demand walk-through for this on Channel 9: [Modern Web UI with Blazor WebAssembly](https://channel9.msdn.com/Events/Build/2020/BOD104). This is a great sample which has a lot of Blazor + ASP.NET integrations such as: client-side debugging with Visual Studio, authentication / authorization, input validation, data integration/sync, Blazor components, code sharing, JavaScript interop, localization / internationalization, Progressive Web App (PWA) and more.
* [dotnet-podcasts](https://github.com/microsoft/dotnet-podcasts) -   .NET 6 reference application shown at .NET Conf 2021 featuring ASP.NET Core, Blazor, .NET MAUI, Microservices, and more.
* [LinqToTwitter Blazor sample](https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo) -   LINQ Provider for the Twitter API (Twitter Library).
* [BlazorFileReader](https://github.com/Tewr/BlazorFileReader) -   Read-only File streams in Blazor. [Demo](https://tewr.github.io/BlazorFileReader/).
* [eShopOnBlazor](https://github.com/dotnet-architecture/eShopOnBlazor) -   Migration of a traditional ASP.NET Web Forms app to Blazor.
* [BlazorChatSample](https://github.com/conficient/blazorchatsample) -   Blazor chat demo using SignalR JS client with interop.
* [BlazorCRUD](https://github.com/thbst16/BlazorCrud) -   Sample line of business application that illustrates key features of Blazor. [Demo](https://becksblazor.azurewebsites.net/).
* [Money](https://github.com/maraf/Money) -   A money manager implemented using CQRS+ES. [Demo](https://app.money.neptuo.com/).
* [CleanArchitecture](https://github.com/blazorhero/CleanArchitecture) -   Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
* [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).
* [NethereumBlazor](https://github.com/Nethereum/NethereumBlazor) -   Ethereum blockchain explorer and simple wallet.
* [BlazorDynamicList](https://github.com/conficient/BlazorDynamicList) -   Dynamic component binding for a generic list. [Demo](https://blazordynamiclist.azurewebsites.net/).
* [BlazorServerTree](https://github.com/ctrl-alt-d/BlazorServerTree) -   A simple Server-Side Blazor sample app to deal with hierarchical data.
* [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.
* [Planetary Docs](https://github.com/JeremyLikness/PlanetaryDocs) -    This repository is intended to showcase a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB. This repository is upgraded to .NET 6 and EF Core 6.
* [FFmpegBlazor](https://github.com/sps014/FFmpegBlazor) -   FFmpegBlazor provides ability to utilize ffmpeg.wasm from Blazor Wasm C#. [ffmpeg.wasm](https://github.com/ffmpegwasm/ffmpeg.wasm)   is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.
* [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/).
* [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 Studio](https://github.com/jernejk/CognitiveServices.Explorer) -  PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. [Demo](https://cognitivestudio.dev/).
* [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/).
* [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.
* [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/.
* [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.
* [BlazorConduit](https://github.com/JoeyMckenzie/BlazorConduit) -  The [RealWorld](https://realworld.io) example app written using Blazor. [Demo](https://blazor-conduit.netlify.app/).
* [Send an Sms](https://github.com/nexmo-community/send-an-sms-with-blazor) -  This demo shows how to send an Sms with Blazor using the [Vonage SMS API](https://developer.nexmo.com/messaging/sms/overview).
* [Ray Tracer](https://github.com/LucasHamera/raytracer.cs) -  Simple ray tracer in Blazor.
* [Blazor Web Camera Application Example](https://github.com/simutaroman/BlazorWebCamApp) -  Here is a fun example of using camera in the ASP.NET Core Blazor WebAssembly application. Complete description of how it was created on this blog's post [Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application](https://romansimuta.com/posts/using-a-web-camera-with-fun-filters-in-your-asp-net-core-blazor-webassembly-application/).
* [Blazor MealPlanner](https://github.com/umairsyed613/UNMealPlanner) -  MealPlanner is developed in Blazor Web Assembly PWA (offline), The app is using local storage for storing the meal plans. ([Demo AzureStaticWeb](https://gray-glacier-0cb9f5303.azurestaticapps.net/)) ([Demo Github Pages](https://umairsyed613.github.io/UNMealPlanner/))
* [BlazorPowerHour](https://github.com/EdCharbeneau/BlazorPowerHour) -  The Blazor Power Hour show index, by Ed Charbeneau.
* [BlazorMoonPhase](https://github.com/lohithgn/blazor-moonphase) -  Moon Phase Sighting app using Blazor WebAssembly, by Lohith GN. [Demo](https://blazormoonphase.surge.sh).
* [BlazorTemplates](https://github.com/blazor-templates/blazor-templates) -  A collection of blazor templates, designed for common use cases for new projects.
* [Pattern Maker](https://github.com/sapsari/website-blazor-demo) -  C# code transformation demo that uses Roslyn and Monaco Editor. [Demo](https://patternmaker.netlify.com/), [Demo2](https://enchanter.netlify.app/).
* [CountDown Timer](https://github.com/ebattulga/TestCountDown) -  Count down timer with Browser notification and PWA using Blazor WebAssembly. [Demo](https://ebattulga.github.io/TestCountDown/).
* [Modulight](https://github.com/StardustDL/delights) -  A light modular framework aimed to be low intrusive based on dependency injection for Blazor. Support lazy loading and prerendering for javascript, css stylesheets, and assemblies. Built with the new features introduced in .NET 5 such as WebAssembly Lazy Loading and Javascript Isolation.
* [Time Mage](https://github.com/DanielRBowen/TimeMage) -  A Blazor PWA which has Timers, a Stopwatch, and Interval Timers. [Demo](https://timemage.azurewebsites.net/intervaltimers).
* [TypinExamples](https://github.com/adambajguz/Typin/tree/master/src/TypinExamples) -  A sample project that demonstrates the usage of [Typin](https://github.com/adambajguz/Typin/) framework with a Blazor SPA application (Xterm.js and custom web workers implementation in C# to emulate terminal experience in browser). [Live demo](https://adambajguz.github.io/Typin/).
* [Unofficial eShopOnContainers](https://github.com/n-stefan/eshoponcontainers) -  Unofficial Blazor WebAssembly client for [eShopOnContainers](https://github.com/dotnet-architecture/eShopOnContainers).
* [Picat Language IDE](https://github.com/andrzejolszak/picat-blazor-monaco-ide/) -  IDE for the [Picat logic programming language](http://picat-lang.org/) based on the Monaco Editor. [Demo](https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/).
* [UpBlazor](https://github.com/Hona/UpBlazor) -  -  Blazor Server integrating with Up bank (an Australian digital bank), to assist users with budgeting and to gain powerful future insights. Uses Clean Architecture and [Marten DB](https://martendb.io/).
* [WordTester](https://github.com/KamilBugnoKrk/WordTester) -  An application for learning foreign words using flashcards and spaced repetition.
## Tutorials
* [Blazor workshop](https://github.com/dotnet-presentations/blazor-workshop/) -  Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.
* [Build the Game of Life with Blazor](https://dev.to/mariusmuntean/build-the-game-of-life-with-blazor-4ie9) - August, 2021 - Build the Game of Life with Blazor. [Source code](https://github.com/mariusmuntean/GameOfLife)  .
* [Blazor Meadow Web API Weather Chart.js](https://wellsb.com/csharp/iot/blazor-meadow-web-api-weather-charts/) - June 2021 - Display sensor data using Chart.js in a Blazor application. [Source code](https://github.com/bradwellsb/blazor-meadow-weather)  .
* [Setup Blazor app using ASP.NET Core Empty project template](http://www.binaryintellect.net/articles/1969fdfd-b039-4e3d-81e6-db0526a97637.aspx) - May, 2021 - Setup Blazor app using ASP.NET Core Empty project template.
* [Tetris in Blazor](https://exceptionnotfound.net/tetris-in-blazor-webassembly/) - April, 2021 - [Part 1](https://exceptionnotfound.net/tetris-in-blazor-webassembly/), [Part 2](https://exceptionnotfound.net/tetris-in-blazor-part-2-cells-the-grid-and-the-game-state/), [Part 3](https://exceptionnotfound.net/tetris-in-blazor-part-3-tetrominos/), [Part 4](https://exceptionnotfound.net/tetris-in-blazor-part-4-displaying-the-grid-and-a-falling-tetromino/), [Part 5](https://exceptionnotfound.net/tetris-in-blazor-part-5-controls-upcoming-tetrominos-and-clearing-rows/), [Part 6](https://exceptionnotfound.net/tetris-in-blazor-part-6-scoring-levels-music-and-other-features/). [Source code](https://github.com/exceptionnotfound/BlazorGames)  .
* [Using MudBlazor to Create Reach and Functional Product’s Details Page](https://code-maze.com/using-mudblazor-to-create-product-details-page/) - April 27, 2021 - Using MudBlazor to Create Reach and Functional Product’s Details Page.
* [Building a Dashboard](https://www.claudiobernasconi.ch/2021/04/23/building-a-dashboard-blazor/) - April 23, 2021 - Tutorial on how to build a dashboard.
* [Rendering dynamic content in Blazor Wasm using DynamicComponent](https://blog.elmah.io/rendering-dynamic-content-in-blazor-wasm-using-dynamiccomponent/) - April 20, 2021 - Rendering dynamic content in Blazor Wasm using DynamicComponent.
* [Blazor Material Table – Server-Side Paging, Searching, Sorting](https://code-maze.com/blazor-material-table-paging-searching-sorting/) - April 19, 2021 - Blazor Material Table – Server-Side Paging, Searching, Sorting.
* [Setting dynamic metadata for Blazor Web Assembly](https://damienbod.com/2021/03/23/setting-dynamic-metadata-for-blazor-web-assembly/) - March 23, 2021 - This post shows how HTML header meta data can be dynamically updated or changed for a Blazor Web assembly application routes hosted in ASP.NET Core. This can be usually for changing how URL link previews are displayed when sharing links. [Source code](https://github.com/damienbod/BlazorMetaData)  .
* [How to use gRPC-Web with Blazor WebAssembly on App Service](https://azure.github.io/AppService/2021/03/15/How-to-use-gRPC-Web-with-Blazor-WebAssembly-on-App-Service.html) - March 15, 2021 - How to use gRPC-Web with Blazor WebAssembly on App Service.
* [How to deploy Blazor WebAssembly to Cloudflare](https://swimburger.net/blog/dotnet/how-to-deploy-blazor-webassembly-to-cloudflare-pages) - March 14, 2021 - How to deploy Blazor WebAssembly to Cloudflare. [Source code](https://github.com/Swimburger/BlazorWasmCloudflarePages)  .
* [Overriding components in Blazor](https://eilevhagen.medium.com/overriding-components-in-blazor-616b6d59c22f) - February 27, 2021 - If you use a component library in your project, you might want to override a component somewhere deep down in the component hierarchy without having to override the whole hierarchy.
* [Build a Blazor 'Copy to Clipboard' component with a Markdown editor](https://daveabrock.com/2021/02/18/copy-to-clipboard-markdown-editor) - February 18, 2021 - Let's build a 'Copy to Clipboard' component, where we can copy Markdown content to the clipboard.
* [Blazor on Desktop](https://www.telerik.com/blogs/blazor-on-desktop) - February 17, 2021 - This post explores how to make Blazor web apps run on Desktop.
* [Using source generators to generate a menu component in a Blazor app](https://andrewlock.net/using-source-generators-to-generate-a-nav-component-in-a-blazor-app) - February 16, 2021 - Using source generators to generate a menu component in a Blazor app.
* [The tablet app – part 1](https://mac-digital.blog/2021/02/12/the-tablet-app-part-1/) - February 12, 2021 - Making an espresso machine smart, with .NET and Mobile Blazor Bindings.
* [Download Files from Azure with .NET Core Web API and Blazor WebAssembly](https://code-maze.com/download-files-from-azure-with-net-core-web-api-and-blazor-webassembly/) - February 9, 2021 - In this article, we are going to learn how to download files from Azure using ASP.NET Core Web API as the server-side project and Blazor WebAssembly as the client-side. This article is a continuation of a previous one where we learned about uploading files to Azure. In that article, we also created Azure storage, so if you don’t have one created, you can do it following the instructions from the mentioned article. [Source code](https://github.com/CodeMazeBlog/download-files-azure-netcore-blazor-wasm)  .
* [Using source generators to find all routable components in a Blazor WebAssembly app](https://andrewlock.net/using-source-generators-to-find-all-routable-components-in-a-webassembly-app/) - February 9, 2021 - The [previous post](https://andrewlock.net/finding-all-routable-components-in-a-webassembly-app/) described a way to find all the "routable" components in a Blazor app using reflection. This post shows an alternative approach using a source generator.
* [Custom Xamarin Controls with Blazor Mobile Bindings](https://www.telerik.com/blogs/custom-xamarin-controls-blazor-mobile-bindings) - February 8, 2021 - Blazor Mobile Bindings is exciting, but also encourages reusability. We take a look as how to wrap custom Xamarin.Forms UI as Blazor components.
* [Create a Blazor Server app that uses the Microsoft identity platform for authentication](https://docs.microsoft.com/azure/active-directory/develop/tutorial-blazor-server) - October 2020 - Tutorial by Microsoft. Blazor Server provides support for hosting Razor components on the server in an ASP.NET Core app. In this tutorial, you learn how to implement authentication and retrieve data from Microsoft Graph in a Blazor Server app with the Microsoft identity platform.
* [Consuming GraphQL API In ASP.NET Core](https://dev.to/jioophoenix/hotchocolate-introduction-to-graphql-for-asp-net-core-part-1-2e27) - January, 2021 - Consuming GraphQL API In ASP.NET Core: [Part 1](https://dev.to/jioophoenix/hotchocolate-introduction-to-graphql-for-asp-net-core-part-1-2e27), [Part2](https://dev.to/jioophoenix/consuming-graphql-api-in-asp-net-core-part-2-55ga). [Source code](https://github.com/CloudBloq/GraphQLSampleApp)  .
* [Prerending a Blazor WebAssembly app to static files, without an ASP.NET Core host app](https://andrewlock.net/prerending-a-blazor-webassembly-app-without-an-asp-net-core-host-app/) - January 26, 2021 - This post describes how you can prerender all the pages in a Blazor WebAssembly app, without requiring a host app. That means you can still host your Blazor WebAssembly as static files using GitHub Pages or Netlify, without requiring a backend server. [Source code](https://github.com/andrewlock/blog-examples/tree/master/BlazorPreRender)  .
* [Authentication in Blazor WebAssembly Hosted Applications](https://code-maze.com/authentication-in-blazor-webassembly-hosted-applications/) - January 22, 2021 - Authentication in Blazor WebAssembly Hosted Applications, by Code Maze. [Source code](https://github.com/CodeMazeBlog/blazor-wasm-hosted-security/tree/blazor_wasm_hosted_authentication)  .
* [Blast Off with Blazor: Build a search-as-you-type box](https://daveabrock.com/2021/01/14/blast-off-blazor-search-box) - January 14, 2021 - This post shows how to build a quick search box that filters our images.
* [Boids in your Browser with Blazor](https://swharden.com/blog/2021-01-08-blazor-boids) - January 8, 2021 - How to model graphics in C# and render them on a HTML Canvas with JavaScript. [Source code](https://github.com/swharden/Csharp-Data-Visualization/tree/master/examples/2021-01-08-blazor-boids/BlazorBoids)  .
* [Blazor WebAssembly I18n from Start to Finish](https://phrase.com/blog/posts/blazor-webassembly-i18n/) - January 7, 2021 - Blazor is a strong C#-based framework from Microsoft that allows us to create an interactive, client-side web user interface (UI) using .NET. In this tutorial, we will explore how to implement internationalization (i18n) in a Blazor WebAssembly app.
* [Pre-render Blazor WebAssembly at build time to optimize for search engines](https://swimburger.net/blog/dotnet/pre-render-blazor-webassembly-at-build-time-to-optimize-for-search-engines) - January 3, 2021 - Pre-render Blazor WebAssembly at build time to optimize for search engines.
* [Archives](https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives) - [2020](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#tutorials),[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. See also the [Blazor component bundles feature comparison chart](https://github.com/AdrienTorris/awesome-blazor/blob/master/Component-Bundle-Comparison.md).*
### Component bundles
* [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/)).
* [MatBlazor](https://github.com/SamProf/MatBlazor) -   Material Design components for Blazor. ([Demo](https://www.matblazor.com/)).
* [Blazorise](https://github.com/Megabit/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/)).
* [MudBlazor](https://github.com/MudBlazor/MudBlazor) -   MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. [Documentation](https://mudblazor.com/). [Demo](https://try.mudblazor.com/).
* [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/)).
* [BootstrapBlazor](https://github.com/ArgoZhang/BootstrapBlazor) -   Reusable bootstrap components for Blazor. ([Docs as Demo](https://argozhang.github.io/)).
* [BlazorStrap](https://github.com/chanan/BlazorStrap) -   Material Design components for Blazor. Bootstrap 4 components for Blazor ([Demo](https://chanan.github.io/BlazorStrap/)).
* [FAST Blazor](https://github.com/microsoft/fast-blazor) -   A lightweight wrapper around Microsoft's official FluentUI Web Components for use with .NET 6.0 Razor views & Blazor. ([Samples & demo](https://www.fast.design/)).
* [Element-Blazor](https://github.com/Element-Blazor/Element-Blazor/blob/master/README.en.md) -   A blazor component library using Element UI. API imitates Element, CSS directly uses Element's style, HTML structure directly uses Element's HTML structure. [Blazor WebAssembly Version demo](https://blazorwasm.github.io). [Blazor WebAssembly Version PWA Mode demo](https://pwawasm.github.io).
* [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/).
* [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.
* [BlazorWebFormsComponents](https://github.com/FritzAndFriends/BlazorWebFormsComponents) -   A collection of Blazor components that emulate the web forms components of the same name.
* [BootstrapBalzor](https://github.com/ArgoZhang/BootstrapBlazor) -   Reusable bootstrap components for Blazor. ([Docs as Demo](https://argozhang.github.io/)).
* [Syncfusion Blazor UI Components](https://www.syncfusion.com/blazor-components) -   The most comprehensive native Blazor component library including [Data Grid](https://www.syncfusion.com/blazor-components/blazor-datagrid), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram) and [Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) components. ([Demo](https://blazor.syncfusion.com/demos/)).
* [ADMINLTE](https://github.com/sjefvanleeuwen/blazor-adminlte) -   ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.
* [Blazority](https://github.com/blazority/support) -   Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view ([Docs & Demos](https://blazority.com)).
* [Material.Blazor](https://github.com/Material-Blazor/Material.Blazor) -   An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from [Google's material-components-web](https://github.com/material-components/material-components-web/tree/master/packages) - we don't try to sit between you and your use of Google's CSS and SASS because they do it better than we ever could. We also have some cool "plus" components. [See our demo and comprehensive documentation](https://material-blazor.com).
* [Majorsoft Blazor Components](https://github.com/majorimi/blazor-components) -   Majorsoft Majorsoft Blazor Components is a set of UI Components and other useful Extensions for Blazor applications. All components are free and available on NuGet. The main goal of this project is to provide an easy to use, feature reach set of customizable components with other useful extensions. [NuGet](https://www.nuget.org/profiles/Blazor.Components) [Demo app](https://blazorextensions.z6.web.core.windows.net/) [Docs](https://github.com/majorimi/blazor-components/tree/master/.github/docs).
* [LoreSoft.Blazor.Controls](https://github.com/loresoft/LoreSoft.Blazor.Controls) -   Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. [Demo](https://blazor.loresoft.com/).
* [MComponents](https://github.com/manureini/MComponents) -   Open Source MIT Blazor Components: Grid, Select, Wizard etc.
* [PanoramicData Blazor UI Components](https://github.com/panoramicdata/PanoramicData.Blazor) -   An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. [Demo](https://panoramicdata.github.io/PanoramicData.Blazor).
* [HAVIT Blazor](https://github.com/havit/Havit.Blazor) -   Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.). Enterprise project template with gRPC code-first client/server communication, localization and more. [Interactive documentation & Demos](https://havit.blazor.eu).
* [Blazority](https://github.com/blazority/support) -   Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view ([Docs & Demos](https://blazority.com)).
* [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.
* [Start Blazoring](https://startblazoring.com) - A Blazor starter template built using your choice of [Blazorise](https://blazorise.com/) or [MudBlazor](https://mudblazor.com), with more UI library integration coming. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
* [jQWidgets Blazor UI Components](https://github.com/jqwidgets/blazor) -  Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. [Website](https://blazor.jqwidgets.com).
* [Smart UI for Blazor](https://github.com/htmlelements/smart-blazor) -  Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. [Website](https://www.htmlelements.com/blazor/).
* [TabBlazor](https://github.com/joadan/TabBlazor) -  Blazor Admin theme built on top of [Tabler UI](https://github.com/tabler/tabler). Minimal javascript. [Demo](https://joadan.github.io/TabBlazor/).
* [Blazor.Ionic](https://github.com/kukks/Blazor.Ionic) -   Ionic framework integration for Blazor.
* [Blazor Controls Toolkit](https://blazorct.azurewebsites.net/) - Complete toolset for implementing commercial business applications. It includes the equivalent of all Bootstrap JavaScript components, all html5 input types with widgets fallbacks, advanced editable components like DataGrid, TreeView, DetailView, ModalDetail, DetailList. All components have default customizable templates, and support virtualizazion and Drag & Drop. Component rendering is meta-data driven, so component configuration is in part automatic, and in part can be driven with data annotations. The toolset includes also query tools, to issue complex local or remote queries, changes-tracking tools to send only the changed records to the server, advanced validation attributes, globalization tools, "Behaviors" that modify existing components, state management and save, and more.
### Individual components
#### API
* [Canvas](https://github.com/BlazorExtensions/Canvas) -   HTML5 Canvas API implementation for Microsoft Blazor.
* [Head Element Helper](https://github.com/jsakamoto/Toolbelt.Blazor.HeadElement) -   `