https://github.com/AdrienTorris/awesome-blazor
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
https://github.com/AdrienTorris/awesome-blazor
List: awesome-blazor
asp-net-core aspnetcore awesome awesome-list blazor blazor-application blazor-component blazor-crud blazor-interop blazor-master blazor-port blazor-sample blazor-web csharp dotnet-core microsoft microsoft-blazor razor razor-components webassembly
Last synced: 10 months ago
JSON representation
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
- Host: GitHub
- URL: https://github.com/AdrienTorris/awesome-blazor
- Owner: AdrienTorris
- License: cc0-1.0
- Created: 2018-03-29T06:29:46.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-05-22T09:08:32.000Z (about 2 years ago)
- Last Synced: 2024-05-22T10:34:06.007Z (about 2 years ago)
- Topics: asp-net-core, aspnetcore, awesome, awesome-list, blazor, blazor-application, blazor-component, blazor-crud, blazor-interop, blazor-master, blazor-port, blazor-sample, blazor-web, csharp, dotnet-core, microsoft, microsoft-blazor, razor, razor-components, webassembly
- Homepage:
- Size: 5.91 MB
- Stars: 8,557
- Watchers: 417
- Forks: 947
- Open Issues: 93
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
- awesome-dotnet-core - Awesome Blazor - Collection of awesome resources (samples, components, articles, videos and others) about Blazor. (Frameworks, Libraries and Tools / Web Framework)
- more-awesome - Blazor - EMPTY (Front-End Development)
- awesome-projects - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- lists - awesome-blazor
- collection - awesome-blazor
- awesome-awesomeness - Blazor
- fucking-awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- awesomelist - awesome-blazor
- awesome-dotnet-core - Awesome Blazor - Collection of awesome resources (samples, components, articles, videos and others) about Blazor. (Frameworks, Libraries and Tools / Web Framework)
- fucking-lists - awesome-blazor
- awesome-dotnet-core - Awesome Blazor - Blazor的资源，Blazor是使用C＃/ Razor和HTML的.NET Web框架，可在具有WebAssembly的浏览器中运行。 (框架, 库和工具 / Web框架)
- awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- fucking-awesome-awesomeness - Blazor
- awesome-cn - Blazor - 使用C＃/ Razor和HTML的.NET Web框架在的浏览器中通过WebAssembly的方式运行。 (前端开发)
- fucking-awesome-dotnet-core - Awesome Blazor - Collection of awesome resources (samples, components, articles, videos and others) about Blazor. (Frameworks, Libraries and Tools / Web Framework)
- StarryDivineSky - AdrienTorris/awesome-blazor
- awesome-list-for-developers - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development / Misc)
- ultimate-awesome - awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Other Lists / TeX Lists)
- awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- awesome-starred-test - AdrienTorris/awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Others)
- awesome-csharp - Blazor - A .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (🗒️ Cheatsheets / 📦 Libraries)
- awesome-awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- Awesome-Web3 - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- awesome - Awesome Blazor - A curated list of Blazor libraries, tools, tutorials, and resources for building .NET web applications with C#/Razor running on WebAssembly. ([Read more](/details/awesome-blazor.md)) `awesome-lists` `dotnet` `web` (Themed Directories)
- awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
- awesome - Blazor - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly. (Front-End Development)
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)  .
## .NET Conf 2024 (November 12-14, 2024).
[
](https://www.dotnetconf.net/?utm_source=awesome-blazor&utm_medium=github)
- Celebrate and learn about what you can do with .NET 9 at the biggest .NET virtual event.
- More info on [dotnetconf.net](https://www.dotnetconf.net/?utm_source=awesome-blazor&utm_medium=github).
## Contents
* [Introduction](#introduction)
* [General](#general)
* [Templates](#templates)
* [Sample Projects](#sample-projects)
* [Tutorials](#tutorials)
* [Libraries & Extensions](#libraries--extensions)
* [Source generators](#source-generators)
* [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)
## 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.
## Templates
* [BitPlatform Templates](https://github.com/bitfoundation/bitplatform) -   - 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](https://bitplatform.dev/).
* [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/).
* [Blazor BFF Azure AD](https://github.com/damienbod/Blazor.BFF.AzureAD.Template) -   - 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](https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/).
* [Blazor BFF Azure B2C](https://github.com/damienbod/Blazor.BFF.AzureB2C.Template) -   - 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](https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/).
* [Text Editor from scratch with Blazor and C#](https://www.youtube.com/playlist?list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1) - Serie of videos on YouTube who explain how to build your own IDE from scratch with Blazor and .NET. [Starting point repo](https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries)  . [Blazor Studio repo](https://github.com/huntercfreeman/BlazorStudio)  .
* [BlazorSwa Template](https://github.com/albx/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.
* [Clean Architecture with Blazor Server](https://github.com/neozhu/CleanArchitectureWithBlazorServer)   - Another template with MudBlazor and CleanArchitecture approach.
* [CleanAspire](https://github.com/neozhu/cleanaspire) -   - CleanAspire is a cloud-native template powered by Aspire for cloud environments with scalability and offline support. Using .NET 9 Minimal APIs and Blazor WebAssembly, it provides a lightweight, fast foundation for building Progressive Web Applications (PWA) optimized for the cloud.
## Sample Projects
### AI
* [Cledev.OpenAI](https://github.com/lucabriguglia/Cledev.OpenAI) -   .NET 7 SDK for OpenAI with a Blazor Server playground.
* [ExplainFaceRecognition](https://github.com/georg-jung/explain-face-rec) -  Interactive Face Detection & Recognition tutorial with hands-on code samples. State-of-the-art local face AI showcase. Blazor Server & Hybrid.
### Authentication
* [BlazorBoilerplate](https://github.com/enkodellc/blazorboilerplate) -   Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. [Demo](https://blazorboilerplate.com).
* [TheIdServer](https://github.com/Aguafrommars/TheIdServer) -   OpenID/Connect server base on IdentityServer4.
* [BlazorWithIdentity](https://github.com/stavroskasidis/BlazorWithIdentity) -   A sample project showcasing a Blazor app using EF Core with Identity authentication.
* [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.
* [BlazorWasmOidcKeycloak](https://github.com/wildermedeiros/BlazorAppWasmAuth) -  Blazor WebAssembly application using OpenID Connect (OIDC) authentication with Microsoft Identity and Keycloak.
* [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/).
### CMS
* [Blogifier](https://github.com/blogifierdotnet/Blogifier) -    ASP.NET Core Blogging application with Blazor Admin Dashboard. [Demo](http://blogifier.net/blog).
* [BlazorShop](https://github.com/kalintsenkov/BlazorShop) -   Simple shop application built with Blazor WebAssembly.
* [eShopOnBlazor](https://github.com/dotnet-architecture/eShopOnBlazor) -   Migration of a traditional ASP.NET Web Forms app to Blazor.
* [FluentCMS](https://github.com/fluentcms/FluentCMS) -   FluentCMS is open source AI Driven ASP.NET Core Blazor Content Management System (CMS) [FluentCMS](https://fluentcms.com/).
* [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.
* [Oqtane](https://github.com/oqtane/oqtane.framework) -   Oqtane is a CMS & Application Framework for Blazor & .NET MAUI [Oqtane](https://www.oqtane.org).
* [RapidCMS](https://github.com/ThomasBleijendaal/RapidCMS) -   A code-first, extensible Blazor app that generates a CMS for your own database.
* [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.
* [ZauberCMS](https://github.com/YodasMyDad/ZauberCMS) -   Fully featured, highly customisable and plugin based Blazor CMS, heavily inspired by Umbraco.
### Games
* [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 [wengier.com/Trains.NET](https://wengier.com/Trains.NET).
* [AsteroidsWasm](https://github.com/aesalazar/AsteroidsWasm) -   Collection of .NET 8 C# applications consuming a single .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron (via Blazor Server), WPF, WinForms, MAUI, WinUI 3. [Demo](https://aesalazar.github.io/AsteroidsWasm/).
* [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).
* [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).
* [Wolfenstein 3D ported to Blazor](https://github.com/JamesRandall/csharp-wolfenstein) -   Wolfenstein 3D ported to modern C# and Blazor. [Article](https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_1/).
* [ZXSpectrum](https://github.com/EngstromJimmy/ZXSpectrum) -  ZX Spectrum emulator running on Blazor WebAssembly. [Demo](https://zxspectrum.azurewebsites.net/).
* [WordleBlazor](https://github.com/johnt84/WordleBlazorApp) -  Simple clone of popular Wordle game in Blazor. [Demo](https://wordleblazorapp.azurewebsites.net/).
* [Blazor Puzzle #3 - File not found](https://github.com/BlazorPuzzle/Puzzle-3)  
### 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.
* [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.
* [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.
* [Blazor Wasm with ASP.NET Framework 4.x](https://github.com/elgransan/BlazorWasmWithNetFrameworkMVC) - With some tweaks and limitations you can run Blazor Wasm on Net Framework 4.x or in another environment. [Explanation on Medium](https://medium.com/@santiagoc_33226/using-blazor-wasm-with-net-framework-mvc-or-another-old-external-site-7fc0884fcfca).
* [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.
* [BlazorInAngularDemo](https://github.com/Xenoage/BlazorInAngularDemo) -  Demonstrates how an existing Angular app can be migrated to Blazor gradually by integrating Blazor components, including calling Angular service methods. [Demo](https://xenoage.github.io/BlazorInAngularDemo/).
### IDE
* [Blazor Studio](https://github.com/huntercfreeman/BlazorStudio) -   IDE for .NET solutions written using a Photino host, Blazor UI, and C#.
* [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/).
### IoT
* [PresenceLight](https://github.com/isaacrlevin/PresenceLight) -   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.
### 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
* [Oqtane](https://github.com/oqtane/oqtane.framework) -   Oqtane is a CMS & Application Framework for Blazor & .NET MAUI [Oqtane](https://www.oqtane.org).
* [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
* [TodoApi by David Fowler](https://github.com/davidfowl/TodoApi) -   Todo application by David Fowler in .NET 7 that features an ASP.NET Core hosted Blazor WASM front end application and an ASP.NET Core REST API backend using minimal APIs.
* [Bolero.TodoMVC](https://github.com/fsbolero/TodoMVC) -   A TodoMVC clone using Bolero.
* [ididit!](https://github.com/Jinjinov/Ididit) -   The procrastination friendly habit tracker. ake notes, manage tasks, track habits. [Demo](https://app.ididit.today/).
### Others
* [CleanArchitecture](https://github.com/blazorhero/CleanArchitecture) -   Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
* [BlazorSSR](https://github.com/danroth27/BlazorSSR) -   Server-side rendering (SSR) with Blazor components, by Steve Sanderson.
* [Flight Finder](https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor) -   Flight Finder.
* [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.
* [Blazor.SVGEditor](https://github.com/KristofferStrube/Blazor.SVGEditor) -   A basic HTML SVG Editor written in Blazor WASM.
* [Netflix microfrontend like](https://github.com/piral-samples/netflix-demo) -   A netflix-like portal application with pilets. This sample demonstrates the use of piral to build a dynamic app consisting of various micro frontends. [Demo](https://notflix-demo.samples.piral.cloud/browse).
* [Command and Control, by David Fowler](https://github.com/davidfowl/CommandAndControl) -   This is a sample using Blazor server and SignalR to do command and control. Agents connect to the blazor server application which is hosting a SignalR Hub and we can issue various commands against the connected agents (this feature uses client results).
* [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/).
* [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).
* [Blazor.SVGEditor](https://github.com/KristofferStrube/Blazor.SVGEditor) -   A basic HTML SVG Editor written in Blazor WASM. [Demo](https://kristofferstrube.github.io/Blazor.SVGEditor/).
* [NethereumBlazor](https://github.com/Nethereum/NethereumBlazor) -   Ethereum blockchain explorer and simple wallet.
* [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.
* [Blazor Studio](https://github.com/huntercfreeman/BlazorStudio) -   A free and open source IDE written using .NET - a Photino host, Blazor UI, and C#.
* [Blazor.MediaCaptureStreams](https://github.com/KristofferStrube/Blazor.MediaCaptureStreams) -   A Blazor wrapper for the Media Capture and Streams browser API. The API standardizes ways to request access to local multimedia devices, such as microphones or video cameras. This also includes the MediaStream API, which provides the means to control where multimedia stream data is consumed, and provides some information and configuration options for the devices that produce the media. This project implements a wrapper around the API for Blazor so that we can easily and safely interact with the media streams of the browser. [Demo](https://kristofferstrube.github.io/Blazor.MediaCaptureStreams/).
* [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).
* [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.Text.Editor](https://github.com/huntercfreeman/Blazor.Text.Editor) -  Blazor.Text.Editor is a Text Editor component library using the Blazor UI Framework for .NET. [Demo](https://hunter-freeman-dev.azurewebsites.net/).
* [Blazor Wake-on-LAN](https://github.com/georg-jung/BlazorWoL) -  Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
* [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/).
* [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/.
* [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).
* [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.
* [BlazorAndTailwind](https://github.com/tesar-tech/BlazorAndTailwind) -   Sample project, guide and tips for setting up [TailwindCSS](https://tailwindcss.com/) in Blazor.
* [Css in Blazor presentation's source code](https://github.com/EdCharbeneau/Css-For-Blazor-Developers-Presentation) -  Source code of a presentation by Ed Charbeneau about Blazor and CSS.
* [BlazorViz interop wrapper for Viz.js](https://github.com/mrzhdev/BlazorViz) -  A sample of generating Graphviz DOT language files and visualising tree data structures. [Demo](https://mrzhdev.github.io/BlazorViz/).
* [BlazorServerImageRecognitionApp](https://github.com/johnt84/BlazorServerImageRecognitionApp) -  Simple Blazor Server app which uses image recognition to identify and extract text printed in an image file uploaded by the user. [Demo](https://blazorimagerecognitionapp.azurewebsites.net/).
* [FootballBlazorApp](https://github.com/johnt84/FootballBlazorApp) -  Simple Football Blazor Server web app displaying fixtures & results, group standings, teams & players and has a player search. [Demo](https://premierleagueblazorapp.azurewebsites.net/).
* [ComponentBuilder](https://github.com/AchievedOwner/ComponentBuilder) -  -  An automation framework to create Blazor component by `RenderTreeBuilder`.
* [Moldinium](https://github.com/jtheisen/moldinium) -  MobX-style dependency tracking in Blazor (proof-of-concept level maturity)
* [Pointing Party](https://github.com/martijn/PointingParty) -  A tool for distributed agile story point estimation ceremonies, using Blazor WebAssembly and SignalR. [Demo](https://pointingparty.com).
## Tutorials
* [Blazor workshop](https://github.com/dotnet-presentations/blazor-workshop/) -  Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.
* [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)  .
* [NextTechEvent by Coding After Work](https://www.youtube.com/watch?v=Z2EZXY6G5ZU) - Build "NextTechEvent", a site that will help speakers, organizers, and attendees find their next tech event. [Source code](https://github.com/CodingAfterWork/NextTechEvent)  .
* [Archives](https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives) - [2021](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#tutorials), [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
* [FAST](https://github.com/microsoft/fast) -    FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. [FAST & Blazor documentation](https://www.fast.design/docs/integrations/blazor/).
* [BootstrapBlazor](https://github.com/dotnetcore/BootstrapBlazor) -   A set of enterprise-class UI components based on Bootstrap and Blazor ([Docs as Demo](https://www.blazor.zone/)).
* [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/)).
* [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/).
* [MatBlazor](https://github.com/SamProf/MatBlazor) -   MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification. [Documents and Demo](https://www.matblazor.com/) , [BoilerPlates with MatBlazor](https://github.com/enkodellc/blazorboilerplate)
* [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/)).
* [MASA Blazor](https://github.com/BlazorComponent/MASA.Blazor) -   A set of enterprise-class UI components based on Material Design and Blazor. It's an almost perfect copy of Vuetify, and Long-term roadmaps have been mapped out. It is powered by the MASA team and remains free and open source. [Documentation](http://blazor.masastack.com/). [Pro Demo](https://blazor-pro.masastack.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/)).
* [BlazorStrap](https://github.com/chanan/BlazorStrap) -   Material Design components for Blazor. Bootstrap 4 components for Blazor ([Demo](https://chanan.github.io/BlazorStrap/)).
* [BlazorBootstrap](https://github.com/vikramlearning/blazorbootstrap) -   High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers. ([Docs as Demo](https://demos.blazorbootstrap.com/)).
* [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/).
* [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.
* [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)).
* [Makani](https://github.com/getspacetime/makani) -   Lightweight, customizable, and performance oriented component library for Blazor and .NET MAUI Hybrid. Built with TailwindCSS. [Demo](https://getspacetime.github.io/makani/).
* [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).
* [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.
* [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.
* [Blazor.WebForm.Components](https://github.com/Jurioli/Blazor.WebForm.Components) -   ASP.NET Web Forms System.Web.UI.WebControls Razor Components For Blazor WebAssembly. [Demo](https://blazorwebformdemo.github.io/).
* [BlazorOcticons](https://github.com/BlazorOcticons/BlazorOcticons) -  Github [Octicons](https://primer.style/octicons/) created as a `.razor` components and available via the NuGet package. The project [website](https://blazorocticons.net/) is an example using the generated components.
* [ABP Framework](https://github.com/abpframework/abp) -   ABP Framework is a complete infrastructure to create modern web applications by following the best practices and conventions of software development.
* [Nevron Open Vision Components for Blazor](https://www.nevron.com/products-open-vision) -   Diagram, Chart, Text Editor, Gauge, Barcode, and User Interface components for Blazor. [Demo](https://blazorexamples.nevron.com/).
* [CodeBeam.MudExtensions](https://github.com/CodeBeamOrg/CodeBeam.MudExtensions) -   Useful third party extension components for MudBlazor, from the contributors. +20 components includes Stepper, SpeedDial, Wheel, Splitter, Animate, Popup, Material 3 Switch, Gallery, CodeInput and more. [Documentation](https://codebeam-mudextensions.pages.dev/).
### Individual components
### 2D/3D Rendering engines
* [BabylonBlazor](https://github.com/AlexNek/BabylonBlazor) -   This library packages the well-known 3D library [Babylon.js](https://www.babylonjs.com/) into a Razor component that can be used in a C# Blazor project. The library is intended to use for creation of molecules visualization and used limited API of Babylon library. [Demo application](https://babylonblazorapp202208.azurewebsites.net/) which is showing different parts of library [Pubchem Viewer](https://pubchemviewer.azurewebsites.net/). Show chemical information from pubchem.ncbi.nlm.nih.gov.
#### API
* [Head Element Helper](https://github.com/jsakamoto/Toolbelt.Blazor.HeadElement) -   `` and `` components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. ([Demo](https://demo-blazor-headelement.azurewebsites.net/)).
* [Blazor.Canvas](https://github.com/excubo-ag/Blazor.Canvas) -   Wrapper library around the HTML canvas API written in C# (no JS dependency) ([Demo](https://excubo-ag.github.io/Blazor.Canvas/)).
* [BlazorIntersectionObserver](https://github.com/ljbc1994/BlazorIntersectionObserver) -  This is a wrapper around the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
#### Charts
* [ChartJs.Blazor](https://github.com/mariusmuntean/ChartJs.Blazor) -   Brings [ChartJs](https://github.com/chartjs/Chart.js) charts to Blazor.
* [Blazor-Charts](https://github.com/Misfits-Rebels-Outcasts/Blazor-Charts) -   SVG charts for Blazor.
* [GG.Net Data Visualization](https://github.com/pablofrommars/GGNet) -  Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. [Website](https://pablofrommars.github.io/).
* [Blazor-Sparkline](https://github.com/Misfits-Rebels-Outcasts/Blazor-Sparkline) -  Sparkline Charts for Blazor using Fonts.
* [Blazor-ApexCharts](https://github.com/apexcharts/Blazor-ApexCharts) -   Blazor wrapper for ApexCharts. [Demo](https://joadan.github.io/Blazor-ApexCharts/basic-charts).
* [Plotly.Blazor](https://github.com/LayTec-AG/Plotly.Blazor) -   Brings the charting library [plotly.js](https://github.com/plotly/plotly.js) with over 40 chart types to Blazor ([Demo](https://laytec-ag.github.io/Plotly.Blazor/)).
* [GG.Net Data Visualization](https://github.com/pablofrommars/GGNet) -   Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. [Website](https://pablofrommars.github.io/).
* [ChartJs for Blazor](https://github.com/erossini/BlazorChartjs) -   This is a NuGet package for Blazor to use ChartJs, constantly updated with new features.
* [UnlockedData.Chartist.Blazor](https://github.com/UnlockedData/UnlockedData.Chartist.Blazor) -  Blazor wrapper for [Chartist.js](http://gionkunz.github.io/chartist-js/) bundled with [Chartist.js plugins](http://gionkunz.github.io/chartist-js/plugins.html).
#### CSS
* [BlazorSize](https://github.com/EdCharbeneau/BlazorSize) -   BlazorSize is a JavaScript interop library for Blazor that is used to detect the Browser's current size, change in size, and test media queries.
* [BlazorAnimation](https://github.com/aboudoux/BlazorAnimation) -   A Blazor component based on animate.css to easly animate your content. [Demo](http://blazoranimation.boudoux.fr/).
* [RazorStyle](https://github.com/wihrl/RazorStyle) - A small utility library to allow in-component styling without duplicate `` tags. Also supports programmatically triggered animations.
#### Database
* [DexieNET](https://github.com/b-straub/DexieNET) -   DexieNET aims to be a feature complete .NET wrapper for Dexie.js the famous Javascript IndexedDB wrapper from David Fahlander. It's designed for Blazor and includes an easy to use Razor component. Now with support for DexieCloud in preview.
* [EfCoreNexus](https://github.com/thliborius/EfCoreNexus) -   EfCoreNexus helps integrating the entity framework core into your blazor app. Via reflection it adds your entitiy classes automatically and provides you with basic crud functionality.
#### Datagrids / tables
* [Grid.Blazor](https://github.com/gustavnavar/Grid.Blazor) -   Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others ([Demo](http://gridblazor.azurewebsites.net)).
* [BlazorGrid](https://github.com/Akinzekeel/BlazorGrid) -   Virtualized data grid component with lean markup, focused on displaying remote data. ([Demo & documentation](https://blazorgrid.z6.web.core.windows.net/)).
#### Date & time
* [BlazorDateRangePicker](https://github.com/jdtcn/BlazorDateRangePicker) -   A date range picker component library for Blazor. [Demo](https://BlazorDateRangePicker.azurewebsites.net/).
* [Toast_UI.Blazor_Calendar](https://github.com/gismofx/toast_ui.blazor_calendar) -  A fully featured calendar UI component for viewing and creating events, tasks, and milestones. Month, week, and daily views. Blazor Calendar wraps the fully featured Toast UI Calendar JS library. MIT License. [Sample project](https://github.com/gismofx/toast_ui.blazor_calendar/tree/main/toast_ui.blazor_calendar.TestProject/toast_ui.blazor_calendar.TestProject).
#### Diagrams
* [Blazor.Diagrams](https://github.com/Blazor-Diagrams) -   Z.Blazor.Diagrams is a fully customizable and extensible all-purpose diagrams library for Blazor (both Server Side and WASM). It was first inspired by the popular React library react-diagrams, but then evolved into something much bigger. ZBD can be used to make advanced diagrams with a custom design. Even the behavior of the library is "hackable" and can be changed to suit your needs.
* [Excubo.Blazor.Diagrams](https://github.com/excubo-ag/Blazor.Diagrams) -   Interactive diagram component (flowcharts, UML, BPMN, ...), customizable and extensible according to user needs (node types, styles). [Demo](https://excubo-ag.github.io/Blazor.Diagrams/).
#### JavaScript
* [BlazorScriptReload](https://github.com/devessenceinc/BlazorScriptReload) -   A component which provides support for using JavaScript in Blazor Web Applications
#### Maps
* [BlazorGoogleMaps](https://github.com/rungwiroon/BlazorGoogleMaps) -   Blazor interop for GoogleMap library.
* [UnlockedData.Mapael](https://github.com/UnlockedData/UnlockedData.Mapael) -  Blazor wrapper over vector drawing/mapping library. [Jquery Mapael](https://www.vincentbroute.fr/mapael/).
#### Modal, Toast & Notifications
* [Blazored.Modal](https://github.com/Blazored/Modal) -   A JavaScript free modal library for Blazor and Razor Components applications.
* [Blazored.Toast](https://github.com/Blazored/Toast) -   A JavaScript free toast library for Blazor and Razor Component applications.
* [Blazor.Sidepanel](https://github.com/Append-IT/Blazor.Sidepanel) -   A powerful and customizable Sidepanel implementation for Blazor applications.
#### Tabs
* [BlazorXTabs](https://github.com/David-Moreira/BlazorXTabs) -  An extended tabs component library providing various tab features for Blazor.
#### Testing
* [bUnit - a testing library for Blazor components](https://github.com/egil/bunit) -   A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
* [Verify.Blazor - a snapshot testing library for Blazor components](https://github.com/VerifyTests/Verify.Blazor) -   A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.
#### Others
* [Stl.Fusion](https://github.com/servicetitan/Stl.Fusion) -   .NET Core and Blazor library that attempts to dramatically improve the way we implement real-time and high-load services by introducing a novel kind of "computed observables" - immutable, thread-safe, and most importantly, almost invisible for developers. [Samples](https://github.com/servicetitan/Stl.Fusion.Samples). [Overview](https://github.com/servicetitan/Stl.Fusion/blob/master/docs/Overview.md).
* [BlazorContextMenu](https://github.com/stavroskasidis/BlazorContextMenu) -   A context menu component for Blazor ([Demo](https://blazor-context-menu-demo.azurewebsites.net/)).
* [Blazored.Typeahead](https://github.com/Blazored/Typeahead) -   Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
* [Blazor-DragDrop](https://github.com/Postlagerkarte/blazor-dragdrop) -   Easy-to-use Drag and Drop library for Blazor.
* [BlazorDownloadFile](https://github.com/arivera12/BlazorDownloadFile) -   Blazor download files to the browser from c# without any JavaScript library or dependency. BlazorDownloadFile is the solution to saving files on the client-side, and is perfect for web apps that generates files on the client. However if the file is coming from the server we recommend you to first try to use Content-Disposition attachment response header as it has more cross-browser compatibility.
* [Blazor.FileSystemAccess](https://github.com/KristofferStrube/Blazor.FileSystemAccess) -   A Blazor wrapper for the browser API File System Access. The API makes it possible to read and write to your local file system from the browser both files and directories. [Demo](The API makes it possible to read and write to your local file system from the browser both files and directories.).
* [Blorc.PatternFly](https://github.com/WildGums/Blorc.PatternFly) -   Blazor wrappers for [PatternFly](https://www.patternfly.org). To view the latest develop branch in action, visit the [demo](http://blorc-patternfly.wildgums.com/) app.
* [Blazor PWA Updater](https://github.com/jsakamoto/Toolbelt.Blazor.PWA.Updater) -   Provide "Update Now" UI and feature to your Blazor PWA that appears when the next version of one is available.
* [BlazorTransitionableRoute](https://github.com/JByfordRew/BlazorTransitionableRoute) -   Allows current and previous route to exist enabling transition animations of UI/UX design systems.
* [Razor.SweetAlert2](https://github.com/Basaingeal/Razor.SweetAlert2) -  Blazor component implementing the popular SweetAlert2 JavaScript Library.
* [BlazorMonaco](https://github.com/serdarciplak/BlazorMonaco) -  Blazor component for Microsoft's [Monaco Editor](https://github.com/Microsoft/monaco-editor) which powers Visual Studio Code. ([Demo](https://serdarciplak.github.io/BlazorMonaco/)).
* [Blazor.Grids](https://github.com/excubo-ag/Blazor.Grids) -  Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. ([Demo](https://excubo-ag.github.io/Blazor.Grids/)).
* [Blazor.TreeViews](https://github.com/excubo-ag/Blazor.TreeViews) -  Component library for tree views. ([Demo](https://excubo-ag.github.io/Blazor.TreeViews/)).
* [GEmojiSharp.Blazor](https://github.com/hlaueriksson/GEmojiSharp) -  GitHub Emoji for Blazor ([Demo](https://hlaueriksson.github.io/GEmojiSharp/)).
* [Texnomic.Blazor.hCaptcha](https://github.com/Texnomic/hCaptcha) -  hCaptcha Component for Server-Side Blazor.
* [BlazorLocalizationSample](https://github.com/LazZiya/XLocalizer.Samples/tree/master/BlazorLocalizationSample)   The default project template localized using [XLocalizer](https://github.com/LazZiya/XLocalizer) with online translation and auto resource creating.
* [TimeCalc](https://github.com/michaelrp/TimeCalc) -  An app to help keep track of speed cubing averages on the fly using Blazor WebAssembly. [Demo](https://www.timecalc.app/).
* [BlazorSliders](https://github.com/carlfranklin/BlazorSliders) -  Create multiple panels separated by sliding splitters.
* [Blazor SplitContainer](https://github.com/jsakamoto/Toolbelt.Blazor.SplitContainer) -  A Blazor component to create panes separated by a slidable splitter bar.
* [BlazorTimeline](https://github.com/Morasiu/BlazorTimeline) -   Responsive, vertical timeline component.
* [BlazorTypewriter](https://github.com/ormesam/blazor-typewriter) -  A typewriter effect for Blazor.
* [BlazorMergely](https://github.com/akovac35/BlazorMergely) -  An implementation of Blazor diff and merge component based on Mergely with server side support.
* [MetaMask.Blazor](https://github.com/michielpost/MetaMask.Blazor) -  A library that provides an easy helper to use [MetaMask](https://metamask.io/) with Blazor WebAssembly.
* [Blazor File Drop Zone](https://github.com/jsakamoto/Toolbelt.Blazor.FileDropZone/) -  Surround an "input type=file" element by this Blazor component to making a zone that accepts drag and drops files ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.FileDropZone/)).
* [Knob](https://github.com/MelihAltintas/Blazor-Knob/) -  Knob Control for Blazor.
* [BlazorCurrentDevice](https://github.com/arivera12/BlazorCurrentDevice) -  Device detection for blazor using current-device.js.
* [BlazorStyledTextArea](https://github.com/JByfordRew/BlazorStyledTextArea) -  A textarea with style. This component essentially remains and works as a textarea but can have any of the text styled based on your application needs. Its simplicity is purposefully designed to avoid the complexities and issues that come with rich text editors.
* [SignaturePad](https://github.com/MarvinKlein1508/SignaturePad) -  A simple to use blazor component to draw custom signatures. [Demo](https://marvinklein1508.github.io/SignaturePad).
* [BlazorInputTags](https://github.com/MarvinKlein1508/BlazorInputTags) -  A simple to use blazor component for both Blazor Server and WebAssembly which adds a basic tag editor to your app. [Demo](https://marvinklein1508.github.io/BlazorInputTags).
* [BlazorTooltips](https://github.com/MarvinKlein1508/BlazorTooltips) -  An implementation of Bootstrap tooltips for both Blazor Server and WebAssembly. [Demo](https://marvinklein1508.github.io/BlazorTooltips).
* [BlazorBarcodeScanner](https://github.com/sabitertan/BlazorBarcodeScanner) -   Barcode Scanner component for Blazor using zxing-js Interop. [Demo](https://sabitertan.github.io/BlazorBarcodeScanner/).
* [Blazor Transition Group](https://github.com/le-nn/blazor-transition-group) -   A library performing animations when a Blazor component enters or leaves the DOM inspired by [react-transition-group](https://github.com/reactjs/react-transition-group).
* [BlazorGravatar](https://github.com/PSCourtney/BlazorGravatar) -   A Blazor component for integrating Gravatar, Blazor WASM, Server and SSR.
* [BlazorDragDrop](https://github.com/Postlagerkarte/Blazor-DragDrop) -   A simple drag-and-drop library for Blazor components.
* [BlazorTreeViews](https://github.com/excubo-ag/Blazor.TreeViews) -   A customizable tree view component for Blazor applications.
### Tools & Utilities
*Libraries and extensions for state management, cookies, local storage and other specific tools.*
* [Fluxor](https://github.com/mrpmorris/fluxor) -   Zero boilerplate Flux/Redux library for DotNet.
* [Blazored.LocalStorage](https://github.com/Blazored/LocalStorage) -   A library to provide access to local storage in Blazor applications.
* [Blazor-State](https://github.com/TimeWarpEngineering/blazor-state) -   Manage client side state in Blazor using MediatR pipeline.
* [bUnit - a testing library for Blazor components](https://github.com/egil/bunit) -   A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
* [Cropper.Blazor](https://github.com/CropperBlazor/Cropper.Blazor) -   <b>Cropper.Blazor</b> is a component that wraps around <a href="https://github.com/fengyuanchen/cropperjs"><b>Cropper.js</b></a> for cropping images in Blazor. Support Blazor Server, Blazor WebAssembly, Blazor Server Hybrid with MVC and MAUI Blazor Hybrid. [Demo](https://cropperblazor.github.io/demo).
* [TextCopy](https://github.com/CopyText/TextCopy) -   A cross platform package to copy text to and from the clipboard. [Supports Blazor](https://github.com/CopyText/TextCopy#blazor-webassembly) via the [Clipboard Browser API](https://developer.mozilla.org/docs/Web/API/Clipboard).
* [CssBuilder](https://github.com/EdCharbeneau/CssBuilder) -   CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
* [Blazor.FileSystemAccess](https://github.com/KristofferStrube/Blazor.FileSystemAccess) -   A Blazor wrapper for the browser File System Access API.
* [Blazor.Polyfill](https://github.com/Daddoon/Blazor.Polyfill) -   Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
* [Blazor I18n/Localization Text](https://github.com/jsakamoto/Toolbelt.Blazor.I18nText) -   Localizing contents text in Blazor ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.I18nText/)).
* [BlazorGoogleMaps](https://github.com/rungwiroon/BlazorGoogleMaps) -   Blazor interop for GoogleMap library.
* [BlazorWorker](https://github.com/Tewr/BlazorWorker) -   Library for creating DotNet Web Worker threads/multithreading in Blazor. [Live demo](https://tewr.github.io/BlazorWorker).
* [MvvmBlazor](https://github.com/klemmchr/MvvmBlazor) -   BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it's simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.
* [Blazor.BrowserExtension](https://github.com/mingyaulee/Blazor.BrowserExtension) -   Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.
* [Blazor Analytics](https://github.com/isc30/blazor-analytics) - Blazor extensions for Analytics.
* [Blazor PDF](https://github.com/tossnet/Blazor-PDF) -  ![last-commit](https://img.shields.io/github/last-commit/tossnet/Blazor-PDF