4472 lines
274 KiB
HTML
4472 lines
274 KiB
HTML
<h1 id="awesome-blazor-awesome">Awesome Blazor <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge-flat2.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p><a
|
||
href="https://dotnet.microsoft.com/apps/aspnet/web-apps/client"><img src="https://adrientorris.github.io/wwwroot/images/blazor/logo-blazor.png" align="right" width="170"></a></p>
|
||
<blockquote>
|
||
<p>A collection of awesome Blazor resources.</p>
|
||
</blockquote>
|
||
<p>Blazor is a .NET web framework using C#/Razor and HTML that runs in
|
||
the browser with WebAssembly.</p>
|
||
<p>Contributions are always welcome! Please take a look at the <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/CONTRIBUTING.md">contribution
|
||
guidelines</a> pages first. Thanks to all <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/graphs/contributors">contributors</a>,
|
||
you’re awesome and wouldn’t be possible without you!</p>
|
||
<p>If you need to search on this list you can try this great website: <a
|
||
href="https://jsakamoto.github.io/awesome-blazor-browser/">Awesome
|
||
Blazor Browser</a>. Thanks <span class="citation"
|
||
data-cites="jsakamoto">@jsakamoto</span> for this! <a
|
||
href="https://github.com/jsakamoto/awesome-blazor-browser">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/awesome-blazor-browser?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/awesome-blazor-browser?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" />.</p>
|
||
<h2 id="net-conf-2024-november-12-14-2024.">.NET Conf 2024 (November
|
||
12-14, 2024).</h2>
|
||
<p><a
|
||
href="https://www.dotnetconf.net/?utm_source=awesome-blazor&utm_medium=github"><img src="https://pbs.twimg.com/profile_banners/757891106/1728575047/1500x500" align="center" width="100%"></a>
|
||
- Celebrate and learn about what you can do with .NET 9 at the biggest
|
||
.NET virtual event. - More info on <a
|
||
href="https://www.dotnetconf.net/?utm_source=awesome-blazor&utm_medium=github">dotnetconf.net</a>.</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#introduction">Introduction</a></li>
|
||
<li><a href="#general">General</a></li>
|
||
<li><a href="#templates">Templates</a></li>
|
||
<li><a href="#sample-projects">Sample Projects</a></li>
|
||
<li><a href="#tutorials">Tutorials</a></li>
|
||
<li><a href="#libraries--extensions">Libraries & Extensions</a></li>
|
||
<li><a href="#source-generators">Source generators</a></li>
|
||
<li><a href="#real-world-applications">Real-World applications</a></li>
|
||
<li><a href="#videos">Videos</a></li>
|
||
<li><a href="#articles">Articles</a></li>
|
||
<li><a href="#podcasts">Podcasts</a></li>
|
||
<li><a href="#presentations-slides">Presentations slides</a></li>
|
||
<li><a href="#tooling">Tooling</a></li>
|
||
<li><a href="#books">Books</a></li>
|
||
<li><a href="#e-books">E-Books</a></li>
|
||
<li><a href="#courses">Courses</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#other-languages">Other Languages</a></li>
|
||
</ul>
|
||
<h2 id="introduction">Introduction</h2>
|
||
<h3 id="what-is-blazor">What is Blazor?</h3>
|
||
<p>Blazor is a .NET web framework to build client web apps with C#.</p>
|
||
<p>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 <a href="https://blazor.net">official Blazor
|
||
website</a>.</p>
|
||
<h3 id="get-started">Get started</h3>
|
||
<p>To get started with Blazor, follow the instructions in the <a
|
||
href="https://docs.microsoft.com/aspnet/core/blazor/get-started">Blazor
|
||
Get Started</a> documentation.</p>
|
||
<p>Doing the <a
|
||
href="https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/">Build
|
||
a web app with Blazor</a> learning session on Microsoft Learn can also
|
||
be a good idea. Another great resource to start is the beginner serie by
|
||
Jeff Fritz on <a
|
||
href="https://channel9.msdn.com/Series/Beginners-Series-to-Blazor">Channel9</a>
|
||
or <a
|
||
href="https://www.youtube.com/playlist?list=PLdo4fOcmZ0oUJCA3DCzKT79Oe3kdKEceX">YouTube</a>.</p>
|
||
<h2 id="general">General</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/aspnet/category/blazor/">ASP.NET
|
||
Blog’s archives</a> - Archives of the ASP.NET blog about Blazor.</li>
|
||
<li><a
|
||
href="https://dotnet.microsoft.com/apps/aspnet/web-apps/client">Blazor</a>
|
||
- Official website of Blazor, from Microsoft.</li>
|
||
<li><a
|
||
href="https://docs.microsoft.com/learn/browse/?expanded=dotnet%2Cazure%2Csurface&products=dotnet%2Cwindows&roles=developer&terms=blazor">Blazor
|
||
courses on Microsoft Learn</a> - Blazor courses on Microsoft Learn.</li>
|
||
<li><a href="https://dotnet.myget.org/gallery/blazor-dev">Blazor-Dev
|
||
gallery on .NET Foundation</a> - Daily builds of the ‘dev’ branch of
|
||
Blazor.</li>
|
||
<li><a href="https://github.com/BlazorExtensions">Blazor Extensions</a>
|
||
- Curated extensions for Microsoft ASP.Net Core Blazor.</li>
|
||
<li><a href="http://blazor-university.com/">Blazor University</a> -
|
||
Unofficial documentation website.</li>
|
||
<li><a href="https://blazor-demo.github.io/">Demo</a> - Official basic
|
||
demo website.</li>
|
||
<li><a
|
||
href="https://docs.microsoft.com/aspnet/core/blazor">Documentation</a> -
|
||
Official documentation, by Microsoft.</li>
|
||
<li><a
|
||
href="https://github.com/dotnet-architecture/eShopOnBlazor">eShopOnBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Migration of a traditional ASP.NET Web Forms app to
|
||
Blazor, sample by Microsoft Architecture.</li>
|
||
<li><a href="https://github.com/aspnet/Blazor/wiki/FAQ">FAQ</a> -
|
||
FAQ.</li>
|
||
<li><a href="https://github.com/dotnet/aspnetcore">GitHub repository</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnet/aspnetcore?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet/aspnetcore?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The official Blazor repository (which is the
|
||
ASP.NET Core repository).</li>
|
||
<li><a
|
||
href="https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor">‘Hello
|
||
World’ sample</a> - ‘Hello World’ sample.</li>
|
||
<li><a href="https://docs.microsoft.com/aspnet/core/">Introduction to
|
||
ASP.NET Core</a> - Introduction to ASP.NET Core.</li>
|
||
<li><a
|
||
href="https://github.com/dotnet-presentations/blazor-workshop/">Workshop</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnet-presentations/blazor-workshop?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/aspnet/Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Build a complete Blazor app and learn about the
|
||
various Blazor framework features along the way.</li>
|
||
<li><a
|
||
href="https://docs.microsoft.com/aspnet/core/blazor/webassembly-performance-best-practices">Blazor
|
||
WebAssembly performance best practices</a> - ASP.NET Core Blazor
|
||
WebAssembly performance best practices, by Pranav Krishnamoorthy and
|
||
Steve Sanderson.</li>
|
||
<li><a href="https://themesof.net/">themesof.net</a> - .NET 6 planning
|
||
process.</li>
|
||
</ul>
|
||
<h2 id="templates">Templates</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/bitfoundation/bitplatform">BitPlatform
|
||
Templates</a> - <img
|
||
src="https://img.shields.io/github/stars/bitfoundation/bitplatform?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/bitfoundation/bitplatform?style=flat-square"
|
||
alt="last commit" /> - 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. <a
|
||
href="https://bitplatform.dev/">Read more</a>.</li>
|
||
<li><a href="https://github.com/blazorhero/CleanArchitecture">Blazor
|
||
Hero</a> - <img
|
||
src="https://img.shields.io/github/stars/blazorhero/CleanArchitecture?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/blazorhero/CleanArchitecture?style=flat-square"
|
||
alt="last commit" /> - 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. <a
|
||
href="https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/">Read
|
||
the Quick Start Guide here</a>.</li>
|
||
<li><a
|
||
href="https://github.com/damienbod/Blazor.BFF.AzureAD.Template">Blazor
|
||
BFF Azure AD</a> - <img
|
||
src="https://img.shields.io/github/stars/damienbod/Blazor.BFF.AzureAD.Template?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/damienbod/Blazor.BFF.AzureAD.Template?style=flat-square"
|
||
alt="last commit" /> - 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. <a
|
||
href="https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/">Read
|
||
the Quick Start Guide here</a>.</li>
|
||
<li><a
|
||
href="https://github.com/damienbod/Blazor.BFF.AzureB2C.Template">Blazor
|
||
BFF Azure B2C</a> - <img
|
||
src="https://img.shields.io/github/stars/damienbod/Blazor.BFF.AzureB2C.Template?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/damienbod/Blazor.BFF.AzureAD.Template?style=flat-square"
|
||
alt="last commit" /> - 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. <a
|
||
href="https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/">Read
|
||
the Quick Start Guide here</a>.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1">Text
|
||
Editor from scratch with Blazor and C#</a> - Serie of videos on YouTube
|
||
who explain how to build your own IDE from scratch with Blazor and .NET.
|
||
<a
|
||
href="https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries">Starting
|
||
point repo</a> <img
|
||
src="https://img.shields.io/github/stars/huntercfreeman/Blazor.Text.Editor-VideoSeries?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/huntercfreeman/Blazor.Text.Editor-VideoSeries?style=flat-square"
|
||
alt="last commit" />. <a
|
||
href="https://github.com/huntercfreeman/BlazorStudio">Blazor Studio
|
||
repo</a> <img
|
||
src="https://img.shields.io/github/stars/huntercfreeman/BlazorStudio?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/huntercfreeman/BlazorStudio?style=flat-square"
|
||
alt="last commit" />.</li>
|
||
<li><a href="https://github.com/albx/BlazorSwa.Template">BlazorSwa
|
||
Template</a> - 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.</li>
|
||
<li><a
|
||
href="https://github.com/neozhu/CleanArchitectureWithBlazorServer">Clean
|
||
Architecture with Blazor Server</a> <img
|
||
src="https://img.shields.io/github/stars/neozhu/CleanArchitectureWithBlazorServer?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/neozhu/CleanArchitectureWithBlazorServer?style=flat-square"
|
||
alt="last commit" /> - Another template with MudBlazor and
|
||
CleanArchitecture approach.</li>
|
||
<li><a href="https://github.com/neozhu/cleanaspire">CleanAspire</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/neozhu/cleanaspire?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/neozhu/cleanaspire?style=flat-square"
|
||
alt="last commit" /> - 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.</li>
|
||
</ul>
|
||
<h2 id="sample-projects">Sample Projects</h2>
|
||
<h3 id="ai">AI</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/lucabriguglia/Cledev.OpenAI">Cledev.OpenAI</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/lucabriguglia/Cledev.OpenAI?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/lucabriguglia/Cledev.OpenAI?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> .NET 7 SDK for OpenAI with a Blazor Server
|
||
playground.</li>
|
||
<li><a
|
||
href="https://github.com/georg-jung/explain-face-rec">ExplainFaceRecognition</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/georg-jung/explain-face-rec?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Interactive Face Detection & Recognition
|
||
tutorial with hands-on code samples. State-of-the-art local face AI
|
||
showcase. Blazor Server & Hybrid. ### Authentication</li>
|
||
<li><a
|
||
href="https://github.com/enkodellc/blazorboilerplate">BlazorBoilerplate</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/enkodellc/blazorboilerplate?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/enkodellc/blazorboilerplate?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Real World Admin Dashboard / Starter kit with
|
||
IdentityServer4 Material Design. <a
|
||
href="https://blazorboilerplate.com">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/Aguafrommars/TheIdServer">TheIdServer</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/Aguafrommars/TheIdServer?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Aguafrommars/TheIdServer?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> OpenID/Connect server base on IdentityServer4.</li>
|
||
<li><a
|
||
href="https://github.com/stavroskasidis/BlazorWithIdentity">BlazorWithIdentity</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/stavroskasidis/BlazorWithIdentity?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/stavroskasidis/BlazorWithIdentity?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A sample project showcasing a Blazor app using EF
|
||
Core with Identity authentication.</li>
|
||
<li><a
|
||
href="https://github.com/WildGums/Blorc.OpenIdConnect">Blorc.OpenIdConnect</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/WildGums/Blorc.OpenIdConnect?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/WildGums/Blorc.OpenIdConnect?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The right way to use OpenID Connect on Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/StefH/BlazorWasmGrpcWithAADAuth">Blazor-WASM-AzureAD-gRPC</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/StefH/BlazorWasmGrpcWithAADAuth?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor WASM, Azure AD, REST & gRPC.</li>
|
||
<li><a
|
||
href="https://github.com/wildermedeiros/BlazorAppWasmAuth">BlazorWasmOidcKeycloak</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/wildermedeiros/BlazorAppWasmAuth?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor WebAssembly application using OpenID Connect
|
||
(OIDC) authentication with Microsoft Identity and Keycloak.</li>
|
||
<li><a
|
||
href="https://github.com/auth0-blog/secure-blazor-wasm-quiz-manager">Quiz
|
||
manager secured by Auth0</a> - <img
|
||
src="https://img.shields.io/github/last-commit/auth0-blog/secure-blazor-wasm-quiz-manager?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This repository contains a Blazor WebAssembly
|
||
application implementing a simple Quiz manager secured by <a
|
||
href="https://auth0.com/">Auth0</a>. The implementation details are
|
||
described in the following article: <a
|
||
href="https://auth0.com/blog/securing-blazor-webassembly-apps/">Securing
|
||
Blazor WebAssembly Apps</a>.<br />
|
||
### CMS</li>
|
||
<li><a href="https://github.com/blogifierdotnet/Blogifier">Blogifier</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/blogifierdotnet/Blogifier?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/blogifierdotnet/Blogifier?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/badge/.NET-5-692079.svg?style=flat-square"
|
||
alt=".NET 5" /> ASP.NET Core Blogging application with Blazor Admin
|
||
Dashboard. <a href="http://blogifier.net/blog">Demo</a>.</li>
|
||
<li><a href="https://github.com/kalintsenkov/BlazorShop">BlazorShop</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/kalintsenkov/BlazorShop?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/kalintsenkov/BlazorShop?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Simple shop application built with Blazor
|
||
WebAssembly.</li>
|
||
<li><a
|
||
href="https://github.com/dotnet-architecture/eShopOnBlazor">eShopOnBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Migration of a traditional ASP.NET Web Forms app to
|
||
Blazor.</li>
|
||
<li><a href="https://github.com/fluentcms/FluentCMS">FluentCMS</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/fluentcms/FluentCMS?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/fluentcms/FluentCMS?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> FluentCMS is open source AI Driven ASP.NET Core
|
||
Blazor Content Management System (CMS) <a
|
||
href="https://fluentcms.com/">FluentCMS</a>.</li>
|
||
<li><a
|
||
href="https://github.com/jhipster/jhipster-dotnetcore">JHipster.NET</a>
|
||
<img
|
||
src="https://img.shields.io/github/stars/jhipster/jhipster-dotnetcore?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jhipster/jhipster-dotnetcore?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <a href="https://www.jhipster.tech/">JHipster</a>
|
||
is a well-known platform for generating modern application in java
|
||
world. <a href="https://www.jhipster.tech/">JHipster</a> 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.</li>
|
||
<li><a href="https://github.com/oqtane/oqtane.framework">Oqtane</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/oqtane/oqtane.framework?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/oqtane/oqtane.framework?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> Oqtane is a CMS & Application Framework for
|
||
Blazor & .NET MAUI <a href="https://www.oqtane.org">Oqtane</a>.</li>
|
||
<li><a href="https://github.com/ThomasBleijendaal/RapidCMS">RapidCMS</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/ThomasBleijendaal/RapidCMS?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/ThomasBleijendaal/RapidCMS?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A code-first, extensible Blazor app that generates
|
||
a CMS for your own database.</li>
|
||
<li><a
|
||
href="https://github.com/cornehoskam/Umbraco9-Blazor-Starterkit">Umbraco9
|
||
& Blazor WASM Starter Site</a> - <img
|
||
src="https://img.shields.io/github/last-commit/cornehoskam/Umbraco9-Blazor-Starterkit?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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.</li>
|
||
<li><a href="https://github.com/YodasMyDad/ZauberCMS">ZauberCMS</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/YodasMyDad/ZauberCMS?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/YodasMyDad/ZauberCMS?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Fully featured, highly customisable and plugin
|
||
based Blazor CMS, heavily inspired by Umbraco. ### Games</li>
|
||
<li><a href="https://github.com/davidwengier/Trains.NET">Trains.NET</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/davidwengier/Trains.NET?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/davidwengier/Trains.NET?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 2D game built with .NET and C# on a <a
|
||
href="https://www.twitch.tv/davidwengier">Twitch stream</a>. Trains is
|
||
available to play online at <a
|
||
href="https://wengier.com/Trains.NET">wengier.com/Trains.NET</a>.</li>
|
||
<li><a
|
||
href="https://github.com/aesalazar/AsteroidsWasm">AsteroidsWasm</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/aesalazar/AsteroidsWasm?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/aesalazar/AsteroidsWasm?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a href="https://aesalazar.github.io/AsteroidsWasm/">Demo</a>.</li>
|
||
<li><a href="https://github.com/n-stefan/diabloblazor">DiabloBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/n-stefan/diabloblazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/n-stefan/diabloblazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor port of DiabloWeb, making it a double
|
||
WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++)
|
||
game. <a href="https://n-stefan.github.io/diabloblazor">Demo</a>.</li>
|
||
<li><a href="https://github.com/alexyakunin/BoardGames">Board Games</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/alexyakunin/BoardGames?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/alexyakunin/BoardGames?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <a
|
||
href="https://github.com/servicetitan/Stl.Fusion">Fusion</a> + Blazor
|
||
sample and a fully functional web app allowing you to play real-time
|
||
multiplayer board games. <a
|
||
href="https://github.com/alexyakunin/BoardGames">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/JamesRandall/csharp-wolfenstein">Wolfenstein 3D
|
||
ported to Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Wolfenstein 3D ported to modern C# and Blazor. <a
|
||
href="https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_1/">Article</a>.</li>
|
||
<li><a href="https://github.com/EngstromJimmy/ZXSpectrum">ZXSpectrum</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/EngstromJimmy/ZXSpectrum?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> ZX Spectrum emulator running on Blazor WebAssembly.
|
||
<a href="https://zxspectrum.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/johnt84/WordleBlazorApp">WordleBlazor</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/johnt84/WordleBlazorApp"
|
||
alt="last commit" /> Simple clone of popular Wordle game in Blazor. <a
|
||
href="https://wordleblazorapp.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a href="https://github.com/BlazorPuzzle/Puzzle-3">Blazor Puzzle #3
|
||
- File not found</a> <img
|
||
src="https://img.shields.io/github/stars/BlazorPuzzle/Puzzle-3?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/BlazorPuzzle/Puzzle-3?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> ### Hybrid</li>
|
||
<li><a href="https://aka.ms/blazorelectron">Blazor + Electron</a> - Host
|
||
Razor Components inside an Electron shell. This allows for modern,
|
||
high-performance cross-platform desktop apps built with .NET and web
|
||
technologies.</li>
|
||
<li><a href="https://github.com/tryphotino/photino.NET">Photino</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/tryphotino/photino.NET?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/tryphotino/photino.NET?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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.</li>
|
||
<li><a
|
||
href="https://github.com/umbraco/Umbraco.Headless.Client.Net/tree/master/samples/Umbraco.Headless.Client.Samples.BlazorServer">Blazor
|
||
+ Umbraco Heartcore</a> - <img
|
||
src="https://img.shields.io/github/last-commit/umbraco/Umbraco.Headless.Client.Net?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Example of using <a
|
||
href="https://umbraco.com/products/umbraco-heartcore/">Umbraco
|
||
Heartcore</a> with Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/elgransan/BlazorWasmWithNetFrameworkMVC">Blazor
|
||
Wasm with ASP.NET Framework 4.x</a> - With some tweaks and limitations
|
||
you can run Blazor Wasm on Net Framework 4.x or in another environment.
|
||
<a
|
||
href="https://medium.com/@santiagoc_33226/using-blazor-wasm-with-net-framework-mvc-or-another-old-external-site-7fc0884fcfca">Explanation
|
||
on Medium</a>.</li>
|
||
<li><a
|
||
href="https://github.com/budcribar/RemoteBlazorWebView">RemoteBlazorWebView</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/budcribar/RemoteBlazorWebView?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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.</li>
|
||
<li><a
|
||
href="https://github.com/Xenoage/BlazorInAngularDemo">BlazorInAngularDemo</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/Xenoage/BlazorInAngularDemo?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Demonstrates how an existing Angular app can be
|
||
migrated to Blazor gradually by integrating Blazor components, including
|
||
calling Angular service methods. <a
|
||
href="https://xenoage.github.io/BlazorInAngularDemo/">Demo</a>. ###
|
||
IDE</li>
|
||
<li><a href="https://github.com/huntercfreeman/BlazorStudio">Blazor
|
||
Studio</a> - <img
|
||
src="https://img.shields.io/github/stars/huntercfreeman/BlazorStudio?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/huntercfreeman/BlazorStudio?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> IDE for .NET solutions written using a Photino
|
||
host, Blazor UI, and C#.</li>
|
||
<li><a
|
||
href="https://github.com/andrzejolszak/picat-blazor-monaco-ide/">Picat
|
||
Language IDE</a> - <img
|
||
src="https://img.shields.io/github/last-commit/andrzejolszak/picat-blazor-monaco-ide?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> IDE for the <a href="http://picat-lang.org/">Picat
|
||
logic programming language</a> based on the Monaco Editor. <a
|
||
href="https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/">Demo</a>.
|
||
### IoT</li>
|
||
<li><a
|
||
href="https://github.com/isaacrlevin/PresenceLight">PresenceLight</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/isaacrlevin/PresenceLight?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/isaacrlevin/PresenceLight?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://www.isaaclevin.com/post/presence-light">Blog post</a>. <a
|
||
href="https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m">Demo
|
||
video</a>.</li>
|
||
<li><a href="https://github.com/bradwellsb/blazor-meadow-weather">Meadow
|
||
Weather</a> - <img
|
||
src="https://img.shields.io/github/last-commit/bradwellsb/blazor-meadow-weather?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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</li>
|
||
<li><a
|
||
href="https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp">Scalable
|
||
sentiment analysis</a> - <img
|
||
src="https://img.shields.io/github/stars/dotnet/machinelearning-samples?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet/machinelearning-samples?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> 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.</li>
|
||
<li><a
|
||
href="https://github.com/jameschch/LeanParameterOptimization">optimizer.ml</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/jameschch/LeanParameterOptimization?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jameschch/LeanParameterOptimization?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> A “server-less” general purpose optimization suite
|
||
for algorithm parameters. Also provides offline optimization of <a
|
||
href="https://github.com/QuantConnect/Lean">Quantconnect Lean</a>
|
||
trading algorithms. <a href="https://optimizer.ml">Demo
|
||
(https://optimizer.ml)</a>.</li>
|
||
<li><a
|
||
href="https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp">Baseball
|
||
Machine Learning Workbench</a> - <img
|
||
src="https://img.shields.io/github/stars/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> A web application that showcases performing what-if
|
||
analysis using in-memory Machine Learning models. <a
|
||
href="https://baseballmlworkbench-v1.azurewebsites.net">Live
|
||
demo</a>.</li>
|
||
<li><a href="https://github.com/sps014/BlazorML5">BlazorML5</a> - <img
|
||
src="https://img.shields.io/github/last-commit/sps014/BlazorML5?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> ML5 Machine Learning for Blazor with JSInterop
|
||
mechanism. ### Mobile</li>
|
||
<li><a href="https://aka.ms/mobileblazorbindings">Mobile Blazor
|
||
Bindings</a> - Experimental Mobile Blazor Bindings - Build native mobile
|
||
apps with Blazor. ### Rapid Development Framework</li>
|
||
<li><a href="https://github.com/oqtane/oqtane.framework">Oqtane</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/oqtane/oqtane.framework?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/oqtane/oqtane.framework?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> Oqtane is a CMS & Application Framework for
|
||
Blazor & .NET MAUI <a href="https://www.oqtane.org">Oqtane</a>.</li>
|
||
<li><a href="https://github.com/dotnetcore/WTM">WalkingTec.Mvvm
|
||
(WTM)</a> - <img
|
||
src="https://img.shields.io/github/stars/dotnetcore/wtm?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnetcore/wtm?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://wtmdoc.walkingtec.cn">Website</a>. ### ToDos</li>
|
||
<li><a href="https://github.com/davidfowl/TodoApi">TodoApi by David
|
||
Fowler</a> - <img
|
||
src="https://img.shields.io/github/stars/davidfowl/TodoApi?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/davidfowl/TodoApi?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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.</li>
|
||
<li><a href="https://github.com/fsbolero/TodoMVC">Bolero.TodoMVC</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/fsbolero/TodoMVC?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/fsbolero/TodoMVC?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> A TodoMVC clone using Bolero.</li>
|
||
<li><a href="https://github.com/Jinjinov/Ididit">ididit!</a> - <img
|
||
src="https://img.shields.io/github/stars/Jinjinov/Ididit?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Jinjinov/Ididit?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The procrastination friendly habit tracker. ake
|
||
notes, manage tasks, track habits. <a
|
||
href="https://app.ididit.today/">Demo</a>. ### Others</li>
|
||
<li><a
|
||
href="https://github.com/blazorhero/CleanArchitecture">CleanArchitecture</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/blazorhero/CleanArchitecture?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/blazorhero/CleanArchitecture?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Clean Architecture Template for Blazor WebAssembly
|
||
Built with MudBlazor Components.</li>
|
||
<li><a href="https://github.com/danroth27/BlazorSSR">BlazorSSR</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/danroth27/BlazorSSR?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/danroth27/BlazorSSR?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Server-side rendering (SSR) with Blazor components,
|
||
by Steve Sanderson.</li>
|
||
<li><a
|
||
href="https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor">Flight
|
||
Finder</a> - <img
|
||
src="https://img.shields.io/github/stars/aspnet/samples?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/aspnet/samples?style=flat-square&cacheSeconds=86400&logo=microsoft"
|
||
alt="last commit" /> Flight Finder.</li>
|
||
<li><a
|
||
href="https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo">LinqToTwitter
|
||
Blazor sample</a> - <img
|
||
src="https://img.shields.io/github/stars/JoeMayo/LinqToTwitter?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/JoeMayo/LinqToTwitter?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> LINQ Provider for the Twitter API (Twitter
|
||
Library).</li>
|
||
<li><a
|
||
href="https://github.com/Tewr/BlazorFileReader">BlazorFileReader</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/Tewr/BlazorFileReader?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Tewr/BlazorFileReader?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> Read-only File streams in Blazor. <a
|
||
href="https://tewr.github.io/BlazorFileReader/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/dotnet-architecture/eShopOnBlazor">eShopOnBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet-architecture/eShopOnBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Migration of a traditional ASP.NET Web Forms app to
|
||
Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/conficient/blazorchatsample">BlazorChatSample</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/conficient/blazorchatsample?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/conficient/blazorchatsample?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor chat demo using SignalR JS client with
|
||
interop.</li>
|
||
<li><a
|
||
href="https://github.com/KristofferStrube/Blazor.SVGEditor">Blazor.SVGEditor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/KristofferStrube/Blazor.SVGEditor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/KristofferStrube/Blazor.SVGEditor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A basic HTML SVG Editor written in Blazor
|
||
WASM.</li>
|
||
<li><a href="https://github.com/piral-samples/netflix-demo">Netflix
|
||
microfrontend like</a> - <img
|
||
src="https://img.shields.io/github/stars/piral-samples/netflix-demo?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/piral-samples/netflix-demo?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A netflix-like portal application with pilets. This
|
||
sample demonstrates the use of piral to build a dynamic app consisting
|
||
of various micro frontends. <a
|
||
href="https://notflix-demo.samples.piral.cloud/browse">Demo</a>.</li>
|
||
<li><a href="https://github.com/davidfowl/CommandAndControl">Command and
|
||
Control, by David Fowler</a> - <img
|
||
src="https://img.shields.io/github/stars/davidfowl/CommandAndControl?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/davidfowl/CommandAndControl?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> 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).</li>
|
||
<li><a href="https://github.com/thbst16/BlazorCrud">BlazorCRUD</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/thbst16/BlazorCrud?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/thbst16/BlazorCrud?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> Sample line of business application that
|
||
illustrates key features of Blazor. <a
|
||
href="https://becksblazor.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a href="https://github.com/maraf/Money">Money</a> - <img
|
||
src="https://img.shields.io/github/stars/maraf/Money?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/maraf/Money?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A money manager implemented using CQRS+ES. <a
|
||
href="https://app.money.neptuo.com/">Demo</a>.</li>
|
||
<li><a href="https://github.com/danroth27/BlazorWeather">Blazor
|
||
Weather</a> - <img
|
||
src="https://img.shields.io/github/stars/danroth27/BlazorWeather?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/danroth27/BlazorWeather?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://aka.ms/blazorweather">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/KristofferStrube/Blazor.SVGEditor">Blazor.SVGEditor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/KristofferStrube/Blazor.SVGEditor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/KristofferStrube/Blazor.SVGEditor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A basic HTML SVG Editor written in Blazor WASM. <a
|
||
href="https://kristofferstrube.github.io/Blazor.SVGEditor/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/Nethereum/NethereumBlazor">NethereumBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Nethereum/NethereumBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Nethereum/NethereumBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> Ethereum blockchain explorer and simple
|
||
wallet.</li>
|
||
<li><a href="https://github.com/sps014/FFmpegBlazor">FFmpegBlazor</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/sps014/FFmpegBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/sps014/FFmpegBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> FFmpegBlazor provides ability to utilize
|
||
ffmpeg.wasm from Blazor Wasm C#. <a
|
||
href="https://github.com/ffmpegwasm/ffmpeg.wasm">ffmpeg.wasm</a> <embed
|
||
src="https://img.shields.io/github/stars/ffmpegwasm/ffmpeg.wasm?style=flat-square&cacheSeconds=604800" />
|
||
<embed
|
||
src="https://img.shields.io/github/last-commit/ffmpegwasm/ffmpeg.wasm?style=flat-square&cacheSeconds=86400" />
|
||
is a pure Webassembly / Javascript port of FFmpeg. It enables video
|
||
& audio record, convert and stream right inside browsers.</li>
|
||
<li><a href="https://github.com/huntercfreeman/BlazorStudio">Blazor
|
||
Studio</a> - <img
|
||
src="https://img.shields.io/github/stars/huntercfreeman/BlazorStudio?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/huntercfreeman/BlazorStudio?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> A free and open source IDE written using .NET - a
|
||
Photino host, Blazor UI, and C#.</li>
|
||
<li><a
|
||
href="https://github.com/KristofferStrube/Blazor.MediaCaptureStreams">Blazor.MediaCaptureStreams</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/KristofferStrube/Blazor.MediaCaptureStreams?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/KristofferStrube/Blazor.MediaCaptureStreams?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> 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. <a
|
||
href="https://kristofferstrube.github.io/Blazor.MediaCaptureStreams/">Demo</a>.</li>
|
||
<li><a href="https://github.com/duracellko/planningpoker4azure">Planning
|
||
Poker</a> – <img
|
||
src="https://img.shields.io/github/last-commit/duracellko/planningpoker4azure?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> 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. <a
|
||
href="http://planningpoker.duracellko.net">Demo</a>.</li>
|
||
<li><a href="https://github.com/lsvhome/regex-tester">C# Regex Tester
|
||
online</a> - <img
|
||
src="https://img.shields.io/github/last-commit/lsvhome/regex-tester?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Online tool for verify .Net regex syntax. (<a
|
||
href="https://lsvhome.github.io/regex-tester/">Demo</a>).</li>
|
||
<li><a href="https://github.com/MichaelSL/blazor-wasm-test-012020">C#
|
||
Regex Online tool</a> - <img
|
||
src="https://img.shields.io/github/last-commit/MichaelSL/blazor-wasm-test-012020?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Online tool for verify .Net regex syntax, see
|
||
splits list, table etc. (<a
|
||
href="https://dotnet-regex.com/">Demo</a>).</li>
|
||
<li><a
|
||
href="https://github.com/georgemathieson/blazor-tour-of-heroes">Blazor
|
||
Tour of Heroes</a> - Blazor Tour of Heroes, using <a
|
||
href="https://github.com/TimeWarpEngineering/blazor-state">Blazor-State</a>(State
|
||
Management architecture utilizing the MediatR pipeline) for the Redux
|
||
style state.</li>
|
||
<li><a
|
||
href="https://github.com/huntercfreeman/Blazor.Text.Editor">Blazor.Text.Editor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/huntercfreeman/Blazor.Text.Editor?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Blazor.Text.Editor is a Text Editor component
|
||
library using the Blazor UI Framework for .NET. <a
|
||
href="https://hunter-freeman-dev.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a href="https://github.com/georg-jung/BlazorWoL">Blazor
|
||
Wake-on-LAN</a> - <img
|
||
src="https://img.shields.io/github/last-commit/georg-jung/BlazorWoL?style=flat-square&cacheSeconds=86400"
|
||
alt="Last commit" /> Wake-on-LAN app for local networks. Blazor Server +
|
||
EF Core + DI + CI.</li>
|
||
<li><a
|
||
href="https://github.com/gbiellem/BlazingWaffles">BlazingWaffles</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/gbiellem/BlazingWaffles?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor app that wraps <a
|
||
href="https://github.com/SimonCropp/WaffleGenerator">Waffle
|
||
Generator</a>. The generator outputs readable gibberish that can be used
|
||
in place of Lorum Ipsum. <a
|
||
href="http://wafflegen.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/Nethereum/Nethereum.Playground">Nethereum
|
||
Playground</a> - <img
|
||
src="https://img.shields.io/github/last-commit/Nethereum/Nethereum.Playground?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Compile and run Nethereum snippets on the browser.
|
||
You can run it here: http://playground.nethereum.com/.</li>
|
||
<li><a
|
||
href="https://github.com/adambajguz/Typin/tree/master/src/TypinExamples">TypinExamples</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/adambajguz/Typin?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A sample project that demonstrates the usage of <a
|
||
href="https://github.com/adambajguz/Typin/">Typin</a> framework with a
|
||
Blazor SPA application (Xterm.js and custom web workers implementation
|
||
in C# to emulate terminal experience in browser). <a
|
||
href="https://adambajguz.github.io/Typin/">Live demo</a>.</li>
|
||
<li><a href="https://github.com/n-stefan/eshoponcontainers">Unofficial
|
||
eShopOnContainers</a> - <img
|
||
src="https://img.shields.io/github/last-commit/n-stefan/eshoponcontainers?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Unofficial Blazor WebAssembly client for <a
|
||
href="https://github.com/dotnet-architecture/eShopOnContainers">eShopOnContainers</a>.</li>
|
||
<li><a href="https://github.com/Hona/UpBlazor">UpBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/Hona/UpBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> - <img
|
||
src="https://img.shields.io/github/last-commit/Hona/UpBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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 <a
|
||
href="https://martendb.io/">Marten DB</a>.</li>
|
||
<li><a href="https://github.com/KamilBugnoKrk/WordTester">WordTester</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/KamilBugnoKrk/WordTester"
|
||
alt="last commit" /> An application for learning foreign words using
|
||
flashcards and spaced repetition.</li>
|
||
<li><a
|
||
href="https://github.com/tesar-tech/BlazorAndTailwind">BlazorAndTailwind</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/tesar-tech/BlazorAndTailwind?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/tesar-tech/BlazorAndTailwind"
|
||
alt="last commit" /> Sample project, guide and tips for setting up <a
|
||
href="https://tailwindcss.com/">TailwindCSS</a> in Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/EdCharbeneau/Css-For-Blazor-Developers-Presentation">Css
|
||
in Blazor presentation’s source code</a> - <img
|
||
src="https://img.shields.io/github/last-commit/EdCharbeneau/Css-For-Blazor-Developers-Presentation"
|
||
alt="last commit" /> Source code of a presentation by Ed Charbeneau
|
||
about Blazor and CSS.</li>
|
||
<li><a href="https://github.com/mrzhdev/BlazorViz">BlazorViz interop
|
||
wrapper for Viz.js</a> - <img
|
||
src="https://img.shields.io/github/last-commit/mrzhdev/BlazorViz"
|
||
alt="last commit" /> A sample of generating Graphviz DOT language files
|
||
and visualising tree data structures. <a
|
||
href="https://mrzhdev.github.io/BlazorViz/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/johnt84/BlazorServerImageRecognitionApp">BlazorServerImageRecognitionApp</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/johnt84/BlazorServerImageRecognitionApp"
|
||
alt="last commit" /> Simple Blazor Server app which uses image
|
||
recognition to identify and extract text printed in an image file
|
||
uploaded by the user. <a
|
||
href="https://blazorimagerecognitionapp.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/johnt84/FootballBlazorApp">FootballBlazorApp</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/johnt84/FootballBlazorApp"
|
||
alt="last commit" /> Simple Football Blazor Server web app displaying
|
||
fixtures & results, group standings, teams & players and has a
|
||
player search. <a
|
||
href="https://premierleagueblazorapp.azurewebsites.net/">Demo</a>.</li>
|
||
<li><a
|
||
href="https://github.com/AchievedOwner/ComponentBuilder">ComponentBuilder</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/AchievedOwner/ComponentBuilder"
|
||
alt="last commit" /> - <img
|
||
src="https://img.shields.io/github/stars/AchievedOwner/ComponentBuilder?style=plastic"
|
||
alt="GitHub Repo stars" /> An automation framework to create Blazor
|
||
component by <code>RenderTreeBuilder</code>.</li>
|
||
<li><a href="https://github.com/jtheisen/moldinium">Moldinium</a> - <img
|
||
src="https://img.shields.io/github/last-commit/jtheisen/moldinium?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> MobX-style dependency tracking in Blazor
|
||
(proof-of-concept level maturity)</li>
|
||
<li><a href="https://github.com/martijn/PointingParty">Pointing
|
||
Party</a> - <img
|
||
src="https://img.shields.io/github/last-commit/martijn/PointingParty?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A tool for distributed agile story point estimation
|
||
ceremonies, using Blazor WebAssembly and SignalR. <a
|
||
href="https://pointingparty.com">Demo</a>.</li>
|
||
</ul>
|
||
<h2 id="tutorials">Tutorials</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/dotnet-presentations/blazor-workshop/">Blazor
|
||
workshop</a> - <img
|
||
src="https://img.shields.io/github/stars/dotnet-presentations/blazor-workshop?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="GitHub stars" /> Blazor app building workshop by <a
|
||
href="https://www.dotnetfoundation.org/">.NET Foundation</a>, Blazzing
|
||
Pizza.</li>
|
||
<li><a
|
||
href="https://wellsb.com/csharp/iot/blazor-meadow-web-api-weather-charts/">Blazor
|
||
Meadow Web API Weather Chart.js</a> - June 2021 - Display sensor data
|
||
using Chart.js in a Blazor application. <a
|
||
href="https://github.com/bradwellsb/blazor-meadow-weather">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/bradwellsb/blazor-meadow-weather?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/bradwellsb/blazor-meadow-weather?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" />.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Z2EZXY6G5ZU">NextTechEvent
|
||
by Coding After Work</a> - Build “NextTechEvent”, a site that will help
|
||
speakers, organizers, and attendees find their next tech event. <a
|
||
href="https://github.com/CodingAfterWork/NextTechEvent">Source code</a>
|
||
<img
|
||
src="https://img.shields.io/github/stars/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" />.</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#tutorials">2021</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#tutorials">2020</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#tutorials">2019</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#tutorials">2018</a>.</li>
|
||
</ul>
|
||
<h2 id="libraries-extensions">Libraries & Extensions</h2>
|
||
<p><em>Reusable components like buttons, inputs, grids and more. See
|
||
also the <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Component-Bundle-Comparison.md">Blazor
|
||
component bundles feature comparison chart</a>.</em> ### Component
|
||
bundles * <a href="https://github.com/microsoft/fast">FAST</a> - <img
|
||
src="https://img.shields.io/github/stars/microsoft/fast?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/microsoft/fast?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <img
|
||
src="https://camo.githubusercontent.com/78f47a09877ba9d28da1887a93e5c3bc2efb309c1e910eb21135becd2998238a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d79656c6c6f772e737667"
|
||
alt="GitHub licence" /> 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. <a
|
||
href="https://www.fast.design/docs/integrations/blazor/">FAST &
|
||
Blazor documentation</a>. * <a
|
||
href="https://github.com/dotnetcore/BootstrapBlazor">BootstrapBlazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/dotnetcore/BootstrapBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnetcore/BootstrapBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A set of enterprise-class UI components based on
|
||
Bootstrap and Blazor (<a href="https://www.blazor.zone/">Docs as
|
||
Demo</a>). * <a
|
||
href="https://github.com/ant-design-blazor/ant-design-blazor">Ant Design
|
||
Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/ant-design-blazor/ant-design-blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/ant-design-blazor/ant-design-blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A set of enterprise-class UI components based on
|
||
Ant Design and Blazor. (<a
|
||
href="https://ant-design-blazor.github.io/">Docs as Demo</a>). * <a
|
||
href="https://github.com/MudBlazor/MudBlazor">MudBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/MudBlazor/MudBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/MudBlazor/MudBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://mudblazor.com/">Documentation</a>. <a
|
||
href="https://try.mudblazor.com/">Demo</a>. * <a
|
||
href="https://github.com/SamProf/MatBlazor">MatBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/SamProf/MatBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/SamProf/MatBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> MatBlazor comprises a range of components which
|
||
implement common interaction patterns according to the Material Design
|
||
specification. <a href="https://www.matblazor.com/">Documents and
|
||
Demo</a> , <a
|
||
href="https://github.com/enkodellc/blazorboilerplate">BoilerPlates with
|
||
MatBlazor</a> * <a
|
||
href="https://github.com/Megabit/Blazorise">Blazorise</a> - <img
|
||
src="https://img.shields.io/github/stars/Megabit/Blazorise?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Megabit/Blazorise?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Components for Blazor with support for Bootstrap,
|
||
Bulma, AntDesign and Material CSS. (<a
|
||
href="https://bootstrapdemo.blazorise.com/">Bootstrap Demo</a>), (<a
|
||
href="https://bulmademo.blazorise.com/">Bulma Demo</a>), (<a
|
||
href="https://antdesigndemo.blazorise.com/">AntDesign Demo</a>), (<a
|
||
href="https://materialdemo.blazorise.com/">Material Demo</a>). * <a
|
||
href="https://github.com/BlazorComponent/MASA.Blazor">MASA Blazor</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/BlazorComponent/MASA.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/BlazorComponent/MASA.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="http://blazor.masastack.com/">Documentation</a>. <a
|
||
href="https://blazor-pro.masastack.com/">Pro Demo</a>. * <a
|
||
href="https://github.com/akorchev/razor.radzen.com">Radzen.Blazor</a> -
|
||
<embed
|
||
src="https://img.shields.io/github/stars/akorchev/razor.radzen.com?style=flat-square&cacheSeconds=604800" />
|
||
<embed
|
||
src="https://img.shields.io/github/last-commit/akorchev/razor.radzen.com?style=flat-square&cacheSeconds=86400" />
|
||
Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and
|
||
more. (<a href="https://razor.radzen.com/">Demo</a>). * <a
|
||
href="https://github.com/chanan/BlazorStrap">BlazorStrap</a> - <img
|
||
src="https://img.shields.io/github/stars/chanan/BlazorStrap?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/chanan/BlazorStrap?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Material Design components for Blazor. Bootstrap 4
|
||
components for Blazor (<a
|
||
href="https://chanan.github.io/BlazorStrap/">Demo</a>). * <a
|
||
href="https://github.com/vikramlearning/blazorbootstrap">BlazorBootstrap</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/vikramlearning/blazorbootstrap?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/vikramlearning/blazorbootstrap?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> High-performance, lightweight, and responsive
|
||
blazor bootstrap components in a single package from the developers for
|
||
the developers. (<a href="https://demos.blazorbootstrap.com/">Docs as
|
||
Demo</a>). * <a href="https://github.com/microsoft/fast-blazor">FAST
|
||
Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/microsoft/fast-blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/microsoft/fast-blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A lightweight wrapper around Microsoft’s official
|
||
FluentUI Web Components for use with .NET 6.0 Razor views & Blazor.
|
||
(<a href="https://www.fast.design/">Samples & demo</a>). * <a
|
||
href="https://github.com/Element-Blazor/Element-Blazor/blob/master/README.en.md">Element-Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Element-Blazor/Element-Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Element-Blazor/Element-Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A blazor component library using Element UI. API
|
||
imitates Element, CSS directly uses Element’s style, HTML structure
|
||
directly uses Element’s HTML structure. <a
|
||
href="https://blazorwasm.github.io">Blazor WebAssembly Version demo</a>.
|
||
<a href="https://pwawasm.github.io">Blazor WebAssembly Version PWA Mode
|
||
demo</a>. * <a
|
||
href="https://github.com/BlazorFluentUI/BlazorFluentUI">BlazorFluentUI</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/BlazorFluentUI/BlazorFluentUI?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/BlazorFluentUI/BlazorFluentUI?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Simple port of FluenUI/Office Fabric React
|
||
components and style to Blazor. <a
|
||
href="https://www.blazorfluentui.net/">Client-side demo
|
||
(WebAssembly)</a>. <a
|
||
href="https://blazorfluentui.azurewebsites.net/">Server-side demo
|
||
(SignalR)</a>. * <a
|
||
href="https://www.grapecity.com/componentone/blazor-ui-controls">ComponentOne
|
||
Blazor UI Components</a> - External link. A fast datagrid, listview,
|
||
input and other native Blazor components for server and client-side
|
||
apps. * <a
|
||
href="https://github.com/DevExpress/RazorComponents">DevExpress Blazor
|
||
UI Components</a> - <img
|
||
src="https://img.shields.io/github/stars/DevExpress/RazorComponents?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/DevExpress/RazorComponents?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://www.syncfusion.com/blazor-components">Syncfusion Blazor UI
|
||
Components</a> - <img
|
||
src="https://img.shields.io/github/stars/syncfusion/blazor-samples?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/syncfusion/blazor-samples?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The most comprehensive native Blazor component
|
||
library including <a
|
||
href="https://www.syncfusion.com/blazor-components/blazor-datagrid">Data
|
||
Grid</a>, <a
|
||
href="https://www.syncfusion.com/blazor-components/blazor-charts">Charts</a>,
|
||
<a
|
||
href="https://www.syncfusion.com/blazor-components/blazor-scheduler">Scheduler</a>,
|
||
<a
|
||
href="https://www.syncfusion.com/blazor-components/blazor-diagram">Diagram</a>
|
||
and <a
|
||
href="https://www.syncfusion.com/blazor-components/blazor-word-processor">Document
|
||
Editor</a> components. (<a
|
||
href="https://blazor.syncfusion.com/demos/">Demo</a>). * <a
|
||
href="https://github.com/sjefvanleeuwen/blazor-adminlte">ADMINLTE</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/sjefvanleeuwen/blazor-adminlte?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/sjefvanleeuwen/blazor-adminlte?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/blazority/support">Blazority</a> - <img
|
||
src="https://img.shields.io/github/stars/blazority/support?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/blazority/support?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor component library based on the Clarity UI
|
||
design. 30+ components including Datagrid and Tree-view (<a
|
||
href="https://blazority.com">Docs & Demos</a>). * <a
|
||
href="https://github.com/getspacetime/makani">Makani</a> - <img
|
||
src="https://img.shields.io/github/stars/getspacetime/makani?style=flat-square"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/getspacetime/makani?style=flat-square"
|
||
alt="last commit" /> Lightweight, customizable, and performance oriented
|
||
component library for Blazor and .NET MAUI Hybrid. Built with
|
||
TailwindCSS. <a href="https://getspacetime.github.io/makani/">Demo</a>.
|
||
* <a
|
||
href="https://github.com/Material-Blazor/Material.Blazor">Material.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Material-Blazor/Material.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Material-Blazor/Material.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An alternative Material Theme Razor Component
|
||
Library. Material.Blazor focuses sharply on giving you pure markup from
|
||
<a
|
||
href="https://github.com/material-components/material-components-web/tree/master/packages">Google’s
|
||
material-components-web</a> - 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. <a
|
||
href="https://material-blazor.com">See our demo and comprehensive
|
||
documentation</a>. * <a
|
||
href="https://github.com/majorimi/blazor-components">Majorsoft Blazor
|
||
Components</a> - <img
|
||
src="https://img.shields.io/github/last-commit/majorimi/blazor-components"
|
||
alt="GitHub last commit" /> <img
|
||
src="https://img.shields.io/github/stars/majorimi/blazor-components"
|
||
alt="GitHub Repo stars" /> 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. <a
|
||
href="https://www.nuget.org/profiles/Blazor.Components">NuGet</a> <a
|
||
href="https://blazorextensions.z6.web.core.windows.net/">Demo app</a> <a
|
||
href="https://github.com/majorimi/blazor-components/tree/master/.github/docs">Docs</a>.
|
||
* <a href="https://github.com/manureini/MComponents">MComponents</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/manureini/MComponents?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/manureini/MComponents?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Open Source MIT Blazor Components: Grid, Select,
|
||
Wizard etc. * <a
|
||
href="https://github.com/panoramicdata/PanoramicData.Blazor">PanoramicData
|
||
Blazor UI Components</a> - <img
|
||
src="https://img.shields.io/github/stars/panoramicdata/PanoramicData.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/PanoramicData/PanoramicData.Blazor"
|
||
alt="last commit" /> An open source library of Blazor components
|
||
including Table, Tree, ToolBar and FileExplorer. <a
|
||
href="https://panoramicdata.github.io/PanoramicData.Blazor">Demo</a>. *
|
||
<a href="https://github.com/havit/Havit.Blazor">HAVIT Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/havit/Havit.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/havit/Havit.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://havit.blazor.eu">Interactive documentation &
|
||
Demos</a>. * <a
|
||
href="https://github.com/blazority/support">Blazority</a> - <img
|
||
src="https://img.shields.io/github/stars/blazority/support?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/blazority/support?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor component library based on the Clarity UI
|
||
design. 30+ components including Datagrid and Tree-view (<a
|
||
href="https://blazority.com">Docs & Demos</a>). * <a
|
||
href="https://www.telerik.com/blazor-ui">Telerik UI for Blazor</a> -
|
||
External link (telerik.com). A native set of UI components for Blazor,
|
||
including grid, charting, and calendar components. * <a
|
||
href="https://startblazoring.com">Start Blazoring</a> - A Blazor starter
|
||
template built using your choice of <a
|
||
href="https://blazorise.com/">Blazorise</a> or <a
|
||
href="https://mudblazor.com">MudBlazor</a>, 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. * <a
|
||
href="https://github.com/htmlelements/smart-blazor">Smart UI for
|
||
Blazor</a> - <img
|
||
src="https://img.shields.io/github/last-commit/https://github.com/htmlelements/smart-blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Component library for Blazor including Grid,
|
||
Kanban, Gantt, Chart, Docking, Pivot and more. <a
|
||
href="https://www.htmlelements.com/blazor/">Website</a>. * <a
|
||
href="https://github.com/joadan/TabBlazor">TabBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/joadan/tabblazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/joadan/TabBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor Admin theme built on top of <a
|
||
href="https://github.com/tabler/tabler">Tabler UI</a>. Minimal
|
||
javascript. <a href="https://joadan.github.io/TabBlazor/">Demo</a>. * <a
|
||
href="https://github.com/kukks/Blazor.Ionic">Blazor.Ionic</a> - <img
|
||
src="https://img.shields.io/github/stars/kukks/Blazor.Ionic?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/kukks/Blazor.Ionic?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Ionic framework integration for Blazor. * <a
|
||
href="https://blazorct.azurewebsites.net/">Blazor Controls Toolkit</a> -
|
||
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. * <a
|
||
href="https://github.com/Jurioli/Blazor.WebForm.Components">Blazor.WebForm.Components</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Jurioli/Blazor.WebForm.Components?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Jurioli/Blazor.WebForm.Components?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> ASP.NET Web Forms System.Web.UI.WebControls Razor
|
||
Components For Blazor WebAssembly. <a
|
||
href="https://blazorwebformdemo.github.io/">Demo</a>. * <a
|
||
href="https://github.com/BlazorOcticons/BlazorOcticons">BlazorOcticons</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/BlazorOcticons/BlazorOcticons?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Github <a
|
||
href="https://primer.style/octicons/">Octicons</a> created as a
|
||
<code>.razor</code> components and available via the NuGet package. The
|
||
project <a href="https://blazorocticons.net/">website</a> is an example
|
||
using the generated components. * <a
|
||
href="https://github.com/abpframework/abp">ABP Framework</a> - <img
|
||
src="https://img.shields.io/github/stars/abpframework/abp?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/abpframework/abp?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> ABP Framework is a complete infrastructure to
|
||
create modern web applications by following the best practices and
|
||
conventions of software development. * <a
|
||
href="https://www.nevron.com/products-open-vision">Nevron Open Vision
|
||
Components for Blazor</a> - <img
|
||
src="https://img.shields.io/badge/-Paid-purple" alt="Paid" /> <img
|
||
src="https://img.shields.io/badge/-External%20link-yellow"
|
||
alt="External link" /> Diagram, Chart, Text Editor, Gauge, Barcode, and
|
||
User Interface components for Blazor. <a
|
||
href="https://blazorexamples.nevron.com/">Demo</a>. * <a
|
||
href="https://github.com/CodeBeamOrg/CodeBeam.MudExtensions">CodeBeam.MudExtensions</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/CodeBeamOrg/CodeBeam.MudExtensions?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CodeBeamOrg/CodeBeam.MudExtensions?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://codebeam-mudextensions.pages.dev/">Documentation</a>. ###
|
||
Individual components ### 2D/3D Rendering engines * <a
|
||
href="https://github.com/AlexNek/BabylonBlazor">BabylonBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/AlexNek/BabylonBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/AlexNek/BabylonBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This library packages the well-known 3D library <a
|
||
href="https://www.babylonjs.com/">Babylon.js</a> 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. <a
|
||
href="https://babylonblazorapp202208.azurewebsites.net/">Demo
|
||
application</a> which is showing different parts of library <a
|
||
href="https://pubchemviewer.azurewebsites.net/">Pubchem Viewer</a>. Show
|
||
chemical information from pubchem.ncbi.nlm.nih.gov. #### API * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.HeadElement">Head
|
||
Element Helper</a> - <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/Toolbelt.Blazor.HeadElement?style=flat-square&cacheSeconds=604800&logo=microsoft"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.HeadElement?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <code><Title></code> and
|
||
<code><Meta></code> components for changing the document titile
|
||
and meta elements, with server-side prerendering support for SEO/OGP.
|
||
(<a href="https://demo-blazor-headelement.azurewebsites.net/">Demo</a>).
|
||
* <a href="https://github.com/excubo-ag/Blazor.Canvas">Blazor.Canvas</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/excubo-ag/Blazor.Canvas?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.Canvas?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Wrapper library around the HTML canvas API written
|
||
in C# (no JS dependency) (<a
|
||
href="https://excubo-ag.github.io/Blazor.Canvas/">Demo</a>). * <a
|
||
href="https://github.com/ljbc1994/BlazorIntersectionObserver">BlazorIntersectionObserver</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/ljbc1994/BlazorIntersectionObserver?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This is a wrapper around the <a
|
||
href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">Intersection
|
||
Observer API</a>. #### Charts * <a
|
||
href="https://github.com/mariusmuntean/ChartJs.Blazor">ChartJs.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/mariusmuntean/ChartJs.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <embed
|
||
src="https://img.shields.io/github/last-commit/akorchev/razor.radzen.com?style=flat-square&cacheSeconds=86400" />
|
||
Brings <a href="https://github.com/chartjs/Chart.js">ChartJs</a> charts
|
||
to Blazor. * <a
|
||
href="https://github.com/Misfits-Rebels-Outcasts/Blazor-Charts">Blazor-Charts</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Misfits-Rebels-Outcasts/Blazor-Charts?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Misfits-Rebels-Outcasts/Blazor-Charts?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> SVG charts for Blazor. * <a
|
||
href="https://github.com/pablofrommars/GGNet">GG.Net Data
|
||
Visualization</a> - <img
|
||
src="https://img.shields.io/github/last-commit/pablofrommars/GGNet?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://pablofrommars.github.io/">Website</a>. * <a
|
||
href="https://github.com/Misfits-Rebels-Outcasts/Blazor-Sparkline">Blazor-Sparkline</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/Misfits-Rebels-Outcasts/Blazor-Sparkline?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Sparkline Charts for Blazor using Fonts. * <a
|
||
href="https://github.com/apexcharts/Blazor-ApexCharts">Blazor-ApexCharts</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/apexcharts/Blazor-ApexCharts?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/apexcharts/Blazor-ApexCharts?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor wrapper for ApexCharts. <a
|
||
href="https://joadan.github.io/Blazor-ApexCharts/basic-charts">Demo</a>.
|
||
* <a href="https://github.com/LayTec-AG/Plotly.Blazor">Plotly.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/LayTec-AG/Plotly.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/LayTec-AG/Plotly.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Brings the charting library <a
|
||
href="https://github.com/plotly/plotly.js">plotly.js</a> with over 40
|
||
chart types to Blazor (<a
|
||
href="https://laytec-ag.github.io/Plotly.Blazor/">Demo</a>). * <a
|
||
href="https://github.com/pablofrommars/GGNet">GG.Net Data
|
||
Visualization</a> - <img
|
||
src="https://img.shields.io/github/stars/pablofrommars/GGNet?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/pablofrommars/GGNet?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://pablofrommars.github.io/">Website</a>. * <a
|
||
href="https://github.com/erossini/BlazorChartjs">ChartJs for Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/erossini/BlazorChartjs?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/erossini/BlazorChartjs?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This is a NuGet package for Blazor to use ChartJs,
|
||
constantly updated with new features. * <a
|
||
href="https://github.com/UnlockedData/UnlockedData.Chartist.Blazor">UnlockedData.Chartist.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/unlockeddata/unlockeddata.chartist.blazor"
|
||
alt="last commit" /> Blazor wrapper for <a
|
||
href="http://gionkunz.github.io/chartist-js/">Chartist.js</a> bundled
|
||
with <a
|
||
href="http://gionkunz.github.io/chartist-js/plugins.html">Chartist.js
|
||
plugins</a>. #### CSS * <a
|
||
href="https://github.com/EdCharbeneau/BlazorSize">BlazorSize</a> - <img
|
||
src="https://img.shields.io/github/stars/EdCharbeneau/BlazorSize?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/EdCharbeneau/BlazorSize?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/aboudoux/BlazorAnimation">BlazorAnimation</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/aboudoux/BlazorAnimation?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/aboudoux/BlazorAnimation?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor component based on animate.css to easly
|
||
animate your content. <a
|
||
href="http://blazoranimation.boudoux.fr/">Demo</a>. * <a
|
||
href="https://github.com/wihrl/RazorStyle">RazorStyle</a> - A small
|
||
utility library to allow in-component styling without duplicate
|
||
<code><style></code> tags. Also supports programmatically
|
||
triggered animations. #### Database * <a
|
||
href="https://github.com/b-straub/DexieNET">DexieNET</a> - <img
|
||
src="https://img.shields.io/github/stars/b-straub/DexieNET?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/b-straub/DexieNET?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/thliborius/EfCoreNexus">EfCoreNexus</a> - <img
|
||
src="https://img.shields.io/github/stars/thliborius/EfCoreNexus?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/thliborius/EfCoreNexus?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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 * <a
|
||
href="https://github.com/gustavnavar/Grid.Blazor">Grid.Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/gustavnavar/Grid.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/gustavnavar/Grid.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Grid component with CRUD forms for Blazor and
|
||
ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids
|
||
and others (<a href="http://gridblazor.azurewebsites.net">Demo</a>). *
|
||
<a href="https://github.com/Akinzekeel/BlazorGrid">BlazorGrid</a> - <img
|
||
src="https://img.shields.io/github/stars/Akinzekeel/BlazorGrid?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Akinzekeel/BlazorGrid?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Virtualized data grid component with lean markup,
|
||
focused on displaying remote data. (<a
|
||
href="https://blazorgrid.z6.web.core.windows.net/">Demo &
|
||
documentation</a>). #### Date & time * <a
|
||
href="https://github.com/jdtcn/BlazorDateRangePicker">BlazorDateRangePicker</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/jdtcn/BlazorDateRangePicker?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jdtcn/BlazorDateRangePicker?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A date range picker component library for Blazor.
|
||
<a href="https://BlazorDateRangePicker.azurewebsites.net/">Demo</a>. *
|
||
<a
|
||
href="https://github.com/gismofx/toast_ui.blazor_calendar">Toast_UI.Blazor_Calendar</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/gismofx/toast_ui.blazor_calendar?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="https://github.com/gismofx/toast_ui.blazor_calendar/tree/main/toast_ui.blazor_calendar.TestProject/toast_ui.blazor_calendar.TestProject">Sample
|
||
project</a>. #### Diagrams * <a
|
||
href="https://github.com/Blazor-Diagrams">Blazor.Diagrams</a> - <img
|
||
src="https://img.shields.io/github/stars/Blazor-Diagrams/Blazor.Diagrams?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Blazor-Diagrams/Blazor.Diagrams?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/excubo-ag/Blazor.Diagrams">Excubo.Blazor.Diagrams</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/excubo-ag/Blazor.Diagrams?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.Diagrams?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Interactive diagram component (flowcharts, UML,
|
||
BPMN, …), customizable and extensible according to user needs (node
|
||
types, styles). <a
|
||
href="https://excubo-ag.github.io/Blazor.Diagrams/">Demo</a>. ####
|
||
JavaScript * <a
|
||
href="https://github.com/devessenceinc/BlazorScriptReload">BlazorScriptReload</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/devessenceinc/BlazorScriptReload?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/devessenceinc/BlazorScriptReload?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A component which provides support for using
|
||
JavaScript in Blazor Web Applications #### Maps * <a
|
||
href="https://github.com/rungwiroon/BlazorGoogleMaps">BlazorGoogleMaps</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/rungwiroon/BlazorGoogleMaps?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/rungwiroon/BlazorGoogleMaps?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor interop for GoogleMap library. * <a
|
||
href="https://github.com/UnlockedData/UnlockedData.Mapael">UnlockedData.Mapael</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/unlockeddata/unlockeddata.mapael"
|
||
alt="last commit" /> Blazor wrapper over vector drawing/mapping library.
|
||
<a href="https://www.vincentbroute.fr/mapael/">Jquery Mapael</a>. ####
|
||
Modal, Toast & Notifications * <a
|
||
href="https://github.com/Blazored/Modal">Blazored.Modal</a> - <img
|
||
src="https://img.shields.io/github/stars/Blazored/Modal?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Blazored/Modal?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A JavaScript free modal library for Blazor and
|
||
Razor Components applications. * <a
|
||
href="https://github.com/Blazored/Toast">Blazored.Toast</a> - <img
|
||
src="https://img.shields.io/github/stars/Blazored/Toast?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Blazored/Toast?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A JavaScript free toast library for Blazor and
|
||
Razor Component applications. * <a
|
||
href="https://github.com/Append-IT/Blazor.Sidepanel">Blazor.Sidepanel</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Append-IT/Blazor.Sidepanel?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Append-IT/Blazor.Sidepanel?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A powerful and customizable Sidepanel
|
||
implementation for Blazor applications. #### Tabs * <a
|
||
href="https://github.com/David-Moreira/BlazorXTabs">BlazorXTabs</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/David-Moreira/BlazorXTabs?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An extended tabs component library providing
|
||
various tab features for Blazor. #### Testing * <a
|
||
href="https://github.com/egil/bunit">bUnit - a testing library for
|
||
Blazor components</a> - <img
|
||
src="https://img.shields.io/github/stars/egil/bunit?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/egil/bunit?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/VerifyTests/Verify.Blazor">Verify.Blazor - a
|
||
snapshot testing library for Blazor components</a> - <img
|
||
src="https://img.shields.io/github/stars/VerifyTests/Verify.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/VerifyTests/Verify.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A snapshot testing library for Blazor Components.
|
||
Supports rendering Blazor Components to a snapshot file via bunit or via
|
||
raw Blazor rendering. #### Others * <a
|
||
href="https://github.com/servicetitan/Stl.Fusion">Stl.Fusion</a> - <img
|
||
src="https://img.shields.io/github/stars/servicetitan/Stl.Fusion?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/servicetitan/Stl.Fusion?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> .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. <a
|
||
href="https://github.com/servicetitan/Stl.Fusion.Samples">Samples</a>.
|
||
<a
|
||
href="https://github.com/servicetitan/Stl.Fusion/blob/master/docs/Overview.md">Overview</a>.
|
||
* <a
|
||
href="https://github.com/stavroskasidis/BlazorContextMenu">BlazorContextMenu</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/stavroskasidis/BlazorContextMenu?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/stavroskasidis/BlazorContextMenu?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A context menu component for Blazor (<a
|
||
href="https://blazor-context-menu-demo.azurewebsites.net/">Demo</a>). *
|
||
<a href="https://github.com/Blazored/Typeahead">Blazored.Typeahead</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/Blazored/Typeahead?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Blazored/Typeahead?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Auto-complete textbox with local and remote data
|
||
source, for both Client-side and Server-Side Blazor. * <a
|
||
href="https://github.com/Postlagerkarte/blazor-dragdrop">Blazor-DragDrop</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Postlagerkarte/blazor-dragdrop?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Postlagerkarte/blazor-dragdrop?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Easy-to-use Drag and Drop library for Blazor. * <a
|
||
href="https://github.com/arivera12/BlazorDownloadFile">BlazorDownloadFile</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/arivera12/BlazorDownloadFile?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/arivera12/BlazorDownloadFile?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. *
|
||
<a
|
||
href="https://github.com/KristofferStrube/Blazor.FileSystemAccess">Blazor.FileSystemAccess</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/KristofferStrube/Blazor.FileSystemAccess?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/KristofferStrube/Blazor.FileSystemAccess?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. <a
|
||
href="The%20API%20makes%20it%20possible%20to%20read%20and%20write%20to%20your%20local%20file%20system%20from%20the%20browser%20both%20files%20and%20directories.">Demo</a>.
|
||
* <a
|
||
href="https://github.com/WildGums/Blorc.PatternFly">Blorc.PatternFly</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/WildGums/Blorc.PatternFly?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/WildGums/Blorc.PatternFly?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor wrappers for <a
|
||
href="https://www.patternfly.org">PatternFly</a>. To view the latest
|
||
develop branch in action, visit the <a
|
||
href="http://blorc-patternfly.wildgums.com/">demo</a> app. * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.PWA.Updater">Blazor
|
||
PWA Updater</a> - <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/Toolbelt.Blazor.PWA.Updater?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.PWA.Updater?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Provide “Update Now” UI and feature to your Blazor
|
||
PWA that appears when the next version of one is available. * <a
|
||
href="https://github.com/JByfordRew/BlazorTransitionableRoute">BlazorTransitionableRoute</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/JByfordRew/BlazorTransitionableRoute?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/JByfordRew/BlazorTransitionableRoute?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Allows current and previous route to exist enabling
|
||
transition animations of UI/UX design systems. * <a
|
||
href="https://github.com/Basaingeal/Razor.SweetAlert2">Razor.SweetAlert2</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/Basaingeal/Razor.SweetAlert2?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor component implementing the popular
|
||
SweetAlert2 JavaScript Library. * <a
|
||
href="https://github.com/serdarciplak/BlazorMonaco">BlazorMonaco</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/serdarciplak/BlazorMonaco?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor component for Microsoft’s <a
|
||
href="https://github.com/Microsoft/monaco-editor">Monaco Editor</a>
|
||
which powers Visual Studio Code. (<a
|
||
href="https://serdarciplak.github.io/BlazorMonaco/">Demo</a>). * <a
|
||
href="https://github.com/excubo-ag/Blazor.Grids">Blazor.Grids</a> - <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.Grids?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Component library for CSS grids with extra
|
||
features, such as moving and resizing interactively. Create your own
|
||
dashboard with ease. (<a
|
||
href="https://excubo-ag.github.io/Blazor.Grids/">Demo</a>). * <a
|
||
href="https://github.com/excubo-ag/Blazor.TreeViews">Blazor.TreeViews</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.TreeViews?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Component library for tree views. (<a
|
||
href="https://excubo-ag.github.io/Blazor.TreeViews/">Demo</a>). * <a
|
||
href="https://github.com/hlaueriksson/GEmojiSharp">GEmojiSharp.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/hlaueriksson/GEmojiSharp?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> GitHub Emoji for Blazor (<a
|
||
href="https://hlaueriksson.github.io/GEmojiSharp/">Demo</a>). * <a
|
||
href="https://github.com/Texnomic/hCaptcha">Texnomic.Blazor.hCaptcha</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/Texnomic/hCaptcha?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> hCaptcha Component for Server-Side Blazor. * <a
|
||
href="https://github.com/LazZiya/XLocalizer.Samples/tree/master/BlazorLocalizationSample">BlazorLocalizationSample</a>
|
||
<img
|
||
src="https://img.shields.io/github/stars/LazZiya/XLocalizer.Samples?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/LazZiya/XLocalizer.Samples?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The default project template localized using <a
|
||
href="https://github.com/LazZiya/XLocalizer">XLocalizer</a> with online
|
||
translation and auto resource creating. * <a
|
||
href="https://github.com/michaelrp/TimeCalc">TimeCalc</a> - <img
|
||
src="https://img.shields.io/github/last-commit/michaelrp/TimeCalc?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An app to help keep track of speed cubing averages
|
||
on the fly using Blazor WebAssembly. <a
|
||
href="https://www.timecalc.app/">Demo</a>. * <a
|
||
href="https://github.com/carlfranklin/BlazorSliders">BlazorSliders</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/carlfranklin/BlazorSliders?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Create multiple panels separated by sliding
|
||
splitters. * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.SplitContainer">Blazor
|
||
SplitContainer</a> - <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.SplitContainer?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor component to create panes separated by a
|
||
slidable splitter bar. * <a
|
||
href="https://github.com/Morasiu/BlazorTimeline">BlazorTimeline</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/Morasiu/BlazorTimeline?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Morasiu/BlazorTimeline?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Responsive, vertical timeline component. * <a
|
||
href="https://github.com/ormesam/blazor-typewriter">BlazorTypewriter</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/ormesam/blazor-typewriter?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A typewriter effect for Blazor. * <a
|
||
href="https://github.com/akovac35/BlazorMergely">BlazorMergely</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/akovac35/BlazorMergely?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An implementation of Blazor diff and merge
|
||
component based on Mergely with server side support. * <a
|
||
href="https://github.com/michielpost/MetaMask.Blazor">MetaMask.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/michielpost/MetaMask.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A library that provides an easy helper to use <a
|
||
href="https://metamask.io/">MetaMask</a> with Blazor WebAssembly. * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.FileDropZone/">Blazor
|
||
File Drop Zone</a> - <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.FileDropZone?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Surround an “input type=file” element by this
|
||
Blazor component to making a zone that accepts drag and drops files (<a
|
||
href="https://jsakamoto.github.io/Toolbelt.Blazor.FileDropZone/">Demo</a>).
|
||
* <a href="https://github.com/MelihAltintas/Blazor-Knob/">Knob</a> -
|
||
<img
|
||
src="https://img.shields.io/github/last-commit/MelihAltintas/Blazor-Knob?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Knob Control for Blazor. * <a
|
||
href="https://github.com/arivera12/BlazorCurrentDevice">BlazorCurrentDevice</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/arivera12/BlazorCurrentDevice?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Device detection for blazor using
|
||
current-device.js. * <a
|
||
href="https://github.com/JByfordRew/BlazorStyledTextArea">BlazorStyledTextArea</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/JByfordRew/BlazorStyledTextArea?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. *
|
||
<a
|
||
href="https://github.com/MarvinKlein1508/SignaturePad">SignaturePad</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/MarvinKlein1508/SignaturePad?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A simple to use blazor component to draw custom
|
||
signatures. <a
|
||
href="https://marvinklein1508.github.io/SignaturePad">Demo</a>. * <a
|
||
href="https://github.com/MarvinKlein1508/BlazorInputTags">BlazorInputTags</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/MarvinKlein1508/BlazorInputTags?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A simple to use blazor component for both Blazor
|
||
Server and WebAssembly which adds a basic tag editor to your app. <a
|
||
href="https://marvinklein1508.github.io/BlazorInputTags">Demo</a>. * <a
|
||
href="https://github.com/MarvinKlein1508/BlazorTooltips">BlazorTooltips</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/MarvinKlein1508/BlazorTooltips?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An implementation of Bootstrap tooltips for both
|
||
Blazor Server and WebAssembly. <a
|
||
href="https://marvinklein1508.github.io/BlazorTooltips">Demo</a>. * <a
|
||
href="https://github.com/sabitertan/BlazorBarcodeScanner">BlazorBarcodeScanner</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/sabitertan/BlazorBarcodeScanner?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/sabitertan/BlazorBarcodeScanner?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Barcode Scanner component for Blazor using zxing-js
|
||
Interop. <a
|
||
href="https://sabitertan.github.io/BlazorBarcodeScanner/">Demo</a>. * <a
|
||
href="https://github.com/le-nn/blazor-transition-group">Blazor
|
||
Transition Group</a> - <img
|
||
src="https://img.shields.io/github/stars/le-nn/blazor-transition-group?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/le-nn/blazor-transition-group?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A library performing animations when a Blazor
|
||
component enters or leaves the DOM inspired by <a
|
||
href="https://github.com/reactjs/react-transition-group">react-transition-group</a>.
|
||
* <a
|
||
href="https://github.com/PSCourtney/BlazorGravatar">BlazorGravatar</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/PSCourtney/BlazorGravatar?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/PSCourtney/BlazorGravatar?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor component for integrating Gravatar, Blazor
|
||
WASM, Server and SSR. * <a
|
||
href="https://github.com/Postlagerkarte/Blazor-DragDrop">BlazorDragDrop</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Postlagerkarte/Blazor-DragDrop?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Postlagerkarte/Blazor-DragDrop?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A simple drag-and-drop library for Blazor
|
||
components. * <a
|
||
href="https://github.com/excubo-ag/Blazor.TreeViews">BlazorTreeViews</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/excubo-ag/Blazor.TreeViews?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.TreeViews?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A customizable tree view component for Blazor
|
||
applications.</p>
|
||
<h3 id="tools-utilities">Tools & Utilities</h3>
|
||
<p><em>Libraries and extensions for state management, cookies, local
|
||
storage and other specific tools.</em> * <a
|
||
href="https://github.com/mrpmorris/fluxor">Fluxor</a> - <img
|
||
src="https://img.shields.io/github/stars/mrpmorris/fluxor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/mrpmorris/fluxor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Zero boilerplate Flux/Redux library for DotNet. *
|
||
<a
|
||
href="https://github.com/Blazored/LocalStorage">Blazored.LocalStorage</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/Blazored/LocalStorage?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Blazored/LocalStorage?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A library to provide access to local storage in
|
||
Blazor applications. * <a
|
||
href="https://github.com/TimeWarpEngineering/blazor-state">Blazor-State</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/TimeWarpEngineering/blazor-state?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/TimeWarpEngineering/blazor-state?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Manage client side state in Blazor using MediatR
|
||
pipeline. * <a href="https://github.com/egil/bunit">bUnit - a testing
|
||
library for Blazor components</a> - <img
|
||
src="https://img.shields.io/github/stars/egil/bunit?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/egil/bunit?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/CropperBlazor/Cropper.Blazor">Cropper.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/CropperBlazor/Cropper.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CropperBlazor/Cropper.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <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. <a
|
||
href="https://cropperblazor.github.io/demo">Demo</a>. * <a
|
||
href="https://github.com/CopyText/TextCopy">TextCopy</a> - <img
|
||
src="https://img.shields.io/github/stars/CopyText/TextCopy?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CopyText/TextCopy?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A cross platform package to copy text to and from
|
||
the clipboard. <a
|
||
href="https://github.com/CopyText/TextCopy#blazor-webassembly">Supports
|
||
Blazor</a> via the <a
|
||
href="https://developer.mozilla.org/docs/Web/API/Clipboard">Clipboard
|
||
Browser API</a>. * <a
|
||
href="https://github.com/EdCharbeneau/CssBuilder">CssBuilder</a> - <img
|
||
src="https://img.shields.io/github/stars/EdCharbeneau/CssBuilder?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/EdCharbeneau/CssBuilder?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> CssBuilder is a Builder pattern for CSS classes to
|
||
be used with Razor Components. * <a
|
||
href="https://github.com/KristofferStrube/Blazor.FileSystemAccess">Blazor.FileSystemAccess</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/KristofferStrube/Blazor.FileSystemAccess?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/KristofferStrube/Blazor.FileSystemAccess?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor wrapper for the browser File System Access
|
||
API. * <a
|
||
href="https://github.com/Daddoon/Blazor.Polyfill">Blazor.Polyfill</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/Daddoon/Blazor.Polyfill?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Daddoon/Blazor.Polyfill?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Polyfills for Blazor (for Internet Explorer 11
|
||
support and some other browsers). * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.I18nText">Blazor
|
||
I18n/Localization Text</a> - <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/Toolbelt.Blazor.I18nText?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.I18nText?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Localizing contents text in Blazor (<a
|
||
href="https://jsakamoto.github.io/Toolbelt.Blazor.I18nText/">Demo</a>).
|
||
* <a
|
||
href="https://github.com/rungwiroon/BlazorGoogleMaps">BlazorGoogleMaps</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/rungwiroon/BlazorGoogleMaps?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/rungwiroon/BlazorGoogleMaps?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor interop for GoogleMap library. * <a
|
||
href="https://github.com/Tewr/BlazorWorker">BlazorWorker</a> - <img
|
||
src="https://img.shields.io/github/stars/Tewr/BlazorWorker?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/Tewr/BlazorWorker?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Library for creating DotNet Web Worker
|
||
threads/multithreading in Blazor. <a
|
||
href="https://tewr.github.io/BlazorWorker">Live demo</a>. * <a
|
||
href="https://github.com/klemmchr/MvvmBlazor">MvvmBlazor</a> - <img
|
||
src="https://img.shields.io/github/stars/klemmchr/MvvmBlazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/klemmchr/MvvmBlazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> 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. * <a
|
||
href="https://github.com/mingyaulee/Blazor.BrowserExtension">Blazor.BrowserExtension</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/mingyaulee/Blazor.BrowserExtension?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/mingyaulee/Blazor.BrowserExtension?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Develop browser extensions/addons with Blazor
|
||
WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge. *
|
||
<a href="https://github.com/isc30/blazor-analytics">Blazor Analytics</a>
|
||
- Blazor extensions for Analytics. * <a
|
||
href="https://github.com/tossnet/Blazor-PDF">Blazor PDF</a> - <img
|
||
src="https://img.shields.io/github/stars/tossnet/Blazor-PDF?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/tossnet/Blazor-PDF?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> Generate de PDF document with iTextSharp from a
|
||
Blazor Server App. * <a
|
||
href="https://github.com/hez2010/BlazorRouter">BlazorRouter</a> - <img
|
||
src="https://img.shields.io/github/stars/hez2010/BlazorRouter?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/hez2010/BlazorRouter?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> BlazorRouter is an awesome router inspired by
|
||
react-router, providing declarative routing for Blazor. * <a
|
||
href="https://github.com/DataJuggler/BlazorFileUpload">DataJuggler.Blazor.FileUpload</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/DataJuggler/BlazorFileUpload?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/DataJuggler/BlazorFileUpload?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Wrapper for Steve Sanderson’s BlazorFileInput
|
||
component. * <a
|
||
href="https://github.com/chanan/BlazorPrettyCode">BlazorPrettyCode</a> -
|
||
Blazor Code Component for documentation sites. <a
|
||
href="https://chanan.github.io/BlazorPrettyCode/">Demo</a>. * <a
|
||
href="https://github.com/mikoskinen/Blazor.EventAggregator">Blazor.EventAggregator</a>
|
||
- Lightweight Event Aggregator for Blazor (Razor Components). * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.Gamepad">Blazor
|
||
Gamepad</a> - Provides gamepad API access for Blazor. * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.Hotkeys2">Blazor
|
||
Hotkeys2</a> - <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/Toolbelt.Blazor.Hotkeys?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.Hotkeys2?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A library to provide configuration-centric keyboard
|
||
shortcuts for Blazor. * <a
|
||
href="https://dworthen.github.io/BlazorRealm/docs/quickstart.html">BlazorRealm</a>
|
||
- Redux state management for Blazor. * <a
|
||
href="https://github.com/jburman/W8lessLabs.Blazor.LocalFiles">Blazor.LocalFiles</a>
|
||
- Open files in your browser and load into Blazor. * <a
|
||
href="https://github.com/jsakamoto/Toolbelt.Blazor.SpeechSynthesis">Blazor.SpeechSynthesis</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/Toolbelt.Blazor.SpeechSynthesis?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A library to provide Speech Synthesis API access
|
||
for Blazor. * <a
|
||
href="https://barcoderesource.com/blazorbarcode.shtml">Blazor
|
||
BarCode</a> – A barcode library for Blazor using barcode fonts. * <a
|
||
href="https://github.com/BerserkerDotNet/BlazorState.Redux">BlazorState.Redux</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/BerserkerDotNet/BlazorState.Redux?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Develop Blazor apps with Redux. * <a
|
||
href="https://github.com/StefH/Howler.Blazor">Howler.Blazor</a> - <img
|
||
src="https://img.shields.io/github/last-commit/StefH/Howler.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor JSInterop wrapper for Howler.js, an audio
|
||
library. * <a
|
||
href="https://github.com/StefH/jsMind.Blazor">jsMind.Blazor</a> - <img
|
||
src="https://img.shields.io/github/last-commit/StefH/jsMind.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor JSInterop wrapper for jsMind, a
|
||
MindMapping tool. * <a
|
||
href="https://github.com/Allegiance-Consulting/blazor-highcharts">Blazor
|
||
Highcharts</a> - <img
|
||
src="https://img.shields.io/github/last-commit/Allegiance-Consulting/blazor-highcharts?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A port of the popular Highcharts library. <a
|
||
href="https://allegiance-consulting.github.io/blazor-highcharts/">Demo</a>.
|
||
* <a
|
||
href="https://github.com/excubo-ag/Blazor.LazyStyleSheet">Blazor.LazyStyleSheet</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.LazyStyleSheet?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Lazy loading for CSS style sheets. * <a
|
||
href="https://github.com/excubo-ag/Blazor.ScriptInjection">Blazor.ScriptInjection</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/excubo-ag/Blazor.ScriptInjection?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Blazor.ScriptInjection?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Smart script tags in Blazor components, ideal for
|
||
lazy loading of javascript files. * <a
|
||
href="https://github.com/amuste/DnetIndexedDb">DnetIndexedDb</a> - <img
|
||
src="https://img.shields.io/github/last-commit/amuste/DnetIndexedDb?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor Library for IndexedDB DOM API. * <a
|
||
href="https://github.com/kattunga/BlazorIndexedDbJs">BlazorIndexedDbJs</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/kattunga/BlazorIndexedDbJs?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> BlazorIndexedDbJs is a wrapper arround IndexedDB
|
||
DOM API, supports Blazor WASM and Server. * <a
|
||
href="https://github.com/tossnet/Blazor-Color-Picker">Blazor-Color-Picker</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/tossnet/Blazor-Color-Picker?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Opens a palette with the Material colors for Blazor
|
||
application. * <a
|
||
href="https://github.com/EngstromJimmy/Blazm.Bluetooth">Blazm.Bluetooth</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/EngstromJimmy/Blazm.Bluetooth?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A Blazor library for connecting to devices using
|
||
Bluetooth. * <a
|
||
href="https://github.com/KeudellCoding/Blazor.WebBluetooth">WebBluetooth</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/KeudellCoding/Blazor.WebBluetooth?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor service for the experimental WebBluetooth
|
||
functions. Based on <a
|
||
href="https://github.com/EngstromJimmy/Blazm.Bluetooth">Blazm.Bluetooth</a>.
|
||
* <a
|
||
href="https://github.com/IvanJosipovic/BlazorApplicationInsights">BlazorApplicationInsights</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/IvanJosipovic/BlazorApplicationInsights?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Application Insights for Blazor web applications. *
|
||
<a href="https://github.com/Append-IT/Blazor.Printing">Blazor
|
||
Printing</a> - <img
|
||
src="https://img.shields.io/github/last-commit/append-it/Blazor.Printing?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> Print and save PDF documents with a native print
|
||
dialog in a Blazor Server or client Application. * <a
|
||
href="https://github.com/conficient/BlazorTemplater">BlazorTemplater</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/conficient/BlazorTemplater?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> Use <code>.razor</code> components to render HTML
|
||
strings for email content. * <a
|
||
href="https://github.com/zuozishi/MediaSession.Blazor">MediaSession.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/zuozishi/MediaSession.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last-commit" /> A Blazor JSInterop wrapper for Media Session API.
|
||
The Media Session API provides a way to customize media notifications.
|
||
(<a href="https://zuozishi.github.io/MediaSession.Blazor/">Demo</a>). *
|
||
<a
|
||
href="https://github.com/stavroskasidis/BlazorWasmAntivirusProtection">BlazorAntivirusProtection</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/stavroskasidis/BlazorWasmAntivirusProtection?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/stavroskasidis/BlazorWasmAntivirusProtection?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Antivirus protection for Blazor Wasm projects. This
|
||
package attempts to guard against false positives from antiviruses that
|
||
flag Blazor Wasm as malware, until Microsoft gives us an official
|
||
solution. * <a
|
||
href="https://github.com/phorks/phork-blazor-reactivity">Phork.Blazor.Reactivity</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/phorks/phork-blazor-reactivity?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/phorks/phork-blazor-reactivity?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An unopinionated Blazor state management library
|
||
that utilizes INotifyPropertyChanged and INotifyCollectionChanged .NET
|
||
interfaces to automatically detect state changes in components. * <a
|
||
href="https://github.com/CodeBeamOrg/CodeBeam.GoogleApis.Blazor">CodeBeam.GoogleApis.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/CodeBeamOrg/CodeBeam.GoogleApis.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CodeBeamOrg/CodeBeam.GoogleApis.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> An open-source utility package for GoogleApis in
|
||
Blazor. Written from scratch and aims easiest of use. * <a
|
||
href="https://github.com/le-nn/memento">Memento</a> - <img
|
||
src="https://img.shields.io/github/stars/le-nn/memento?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/le-nn/memento?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A simple client-side state management container for
|
||
Blazor/.NET includes redo/undo and ReduxDevTools support. * <a
|
||
href="https://github.com/b-straub/RxBlazorLight">RxBlazorLight</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/b-straub/RxBlazorLight?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/b-straub/RxBlazorLight?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> RxBlazorLight is a simple reactive wrapper around
|
||
Blazor components. For now only <a
|
||
href="https://mudblazor.com/">MudBlazor</a> components are supported.
|
||
Build the <a
|
||
href="https://github.com/b-straub/RxBlazorLight/tree/main/RxMudBlazorLightSample">RxMudBlazorLightSample</a>
|
||
and enjoy the reactive <a
|
||
href="https://github.com/b-straub/RxBlazorLight/tree/main/RxMudBlazorLightTestBase/Components">Components</a>.
|
||
### Others * <a href="https://github.com/BlazorExtensions/Home">Blazor
|
||
Extensions Home</a> - <img
|
||
src="https://img.shields.io/github/stars/BlazorExtensions/Home?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> Home for Blazor Extensions. * <a
|
||
href="https://github.com/fsbolero/Bolero">Bolero</a> - <img
|
||
src="https://img.shields.io/github/stars/fsbolero/Bolero?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/fsbolero/Bolero?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor for F# with hot reloaded templates,
|
||
type-safe endpoints and routing, remoting, and much more. * <a
|
||
href="https://github.com/limefrogyank/BlazorFabric">BlazorFabric</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/limefrogyank/BlazorFabric?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/limefrogyank/BlazorFabric?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor port of Microsoft UI Fabric with fluent
|
||
design. (<a href="https://blazorfabric.azurewebsites.net/">Demo</a>). *
|
||
<a href="https://github.com/jspuij/BlazorWebView">BlazorWebView</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/jspuij/BlazorWebView?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jspuij/BlazorWebView?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Blazor WebView control for WPF, Android, macOS,
|
||
iOS. Run Blazor on .NET Core and Mono natively inside a Webview. <a
|
||
href="https://jspuij.github.io/BlazorWebView.Docs/pages/index.html">Documentation</a>.
|
||
* <a
|
||
href="https://github.com/isc30/blazor-lazy-loading">BlazorLazyLoading</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/isc30/blazor-lazy-loading?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/isc30/blazor-lazy-loading?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Production ready lazy loading implementation. Full
|
||
lazy loading support for WASM and Server (pages, components, dlls) with
|
||
abstractions to implement modularization if you wish (custom endpoints,
|
||
custom manifests, etc). * <a
|
||
href="https://github.com/slaveOftime/Fun.Blazor">Fun.Blazor</a> - <img
|
||
src="https://img.shields.io/github/stars/slaveOftime/Fun.Blazor?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/slaveOftime/Fun.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This is a project to make F# developer to write
|
||
blazor easier - Use F# for Blazor, Computation expression (CE) style DSL
|
||
for internal and third party blazor libraries, Dependency injection,
|
||
Adaptive and Elmish models, Giraffe style routing, Type safe style. * <a
|
||
href="https://github.com/StefH/Blazor.DownloadFileFast">Blazor.DownloadFileFast</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/StefH/Blazor.DownloadFileFast?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/StefH/Blazor.DownloadFileFast?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Fast download of files to the browser from Blazor
|
||
without any javascript library reference or dependency. (<a
|
||
href="https://stefh.github.io/Blazor.DownloadFileFast/">Demo</a>). * <a
|
||
href="https://github.com/tresoneur/SpotifyService">SpotifyService</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/tresoneur/SpotifyService?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/tresoneur/SpotifyService?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> A high-level Spotify API library for Blazor
|
||
WebAssembly projects that enables Spotify playback in the browser,
|
||
manages OAuth 2.0 authorization, provides easy access to the Spotify Web
|
||
API and uses IndexedDB caching. * <a
|
||
href="https://github.com/jameschch/Blazor.DynamicJavascriptRuntime.Evaluator">Blazor.DynamicJavascriptRuntime.Evaluator</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/jameschch/Blazor.DynamicJavascriptRuntime.Evaluator?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jameschch/Blazor.DynamicJavascriptRuntime.Evaluator?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Execute dynamic object expressions as Javascript in
|
||
Blazor client-side apps. * <a
|
||
href="https://bionicframework.github.io/Documentation/">Bionic</a> - An
|
||
Ionic CLI clone for Blazor projects. * <a
|
||
href="https://github.com/canhorn/EventHorizon.Blazor.TypeScript.Interop.Generator">EventHorizon
|
||
Blazor TypeScript Interop Generator</a> - <img
|
||
src="https://img.shields.io/github/last-commit/canhorn/EventHorizon.Blazor.TypeScript.Interop.Generator?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> This project takes in a TypeScript type definition
|
||
file and creates a .NET Core project that will work with the provided
|
||
Interop abstraction project. * <a
|
||
href="https://github.com/excubo-ag/Generators.Blazor">Generators.Blazor</a>
|
||
- <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/Generators.Blazor?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Generators.Blazor is a source generator for
|
||
improving performance in Blazor. The project also contains analyzers to
|
||
detect common issues in Blazor apps. * <a
|
||
href="https://github.com/weibaohui/blazork8s">Blazork8s</a> -<img
|
||
src="https://img.shields.io/github/stars/weibaohui/blazork8s?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/weibaohui/blazork8s"
|
||
alt="last commit" /> Manage k8s using balzor with AI,like kubernetes
|
||
dashboard.</p>
|
||
<h2 id="source-generators">Source generators</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/BlazorOcticons/BlazorOcticons">BlazorOcticons</a>
|
||
<img
|
||
src="https://img.shields.io/github/stars/BlazorOcticons/BlazorOcticons?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/BlazorOcticons/BlazorOcticons?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Github <a
|
||
href="https://primer.style/design/foundations/icons/">Octicons</a>
|
||
created as a .razor components using source generator. The generated
|
||
components are available via the NuGet package, the generator itself is
|
||
available as a separate NuGet package. The project website is an example
|
||
using the generated components.</li>
|
||
<li><a
|
||
href="https://github.com/surgicalcoder/BlazorInteropGenerator">BlazorInteropGenerator</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/surgicalcoder/BlazorInteropGenerator?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/surgicalcoder/BlazorInteropGenerator?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Github <a
|
||
href="https://primer.style/design/foundations/icons/">Octicons</a>
|
||
Generates Blazor -> Javascript strongly typed interop methods, by
|
||
parsing the Javascript it self and generating extension methods for
|
||
IJSRuntime.</li>
|
||
<li><a
|
||
href="https://github.com/surgicalcoder/RazorPageRouteGenerator">RazorPageRouteGenerator</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/surgicalcoder/RazorPageRouteGenerator?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/surgicalcoder/RazorPageRouteGenerator?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Generates methods with parameters for Razor and
|
||
Blazor pages, so you can navigate without having to guess URLs or
|
||
parameters.</li>
|
||
</ul>
|
||
<h2 id="real-world-applications">Real-World applications</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/dotnet/try">Try .NET</a> - <img
|
||
src="https://img.shields.io/github/stars/dotnet/try?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dotnet/try?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Try .NET provides developers and content authors
|
||
with tools to create interactive experiences.</li>
|
||
<li><a
|
||
href="https://github.com/pticostaricags/FairPlayCombined">FairPlayCombined</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/pticostaricags/FairPlayCombined?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/pticostaricags/FairPlayCombined?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> The FairPlay platform is a set of pre-built
|
||
customizable solutions created with Blazor.</li>
|
||
</ul>
|
||
<h2 id="videos">Videos</h2>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/watch?v=s34SR24pgfE">Why I’m
|
||
Worried About Blazor and its Future</a> - November 20, 2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-20%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Why I’m Worried About Blazor and its Future, by Nick
|
||
Chapsas.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=MfYz95kiFxI">Building Rich
|
||
Web Applications with Blazor Server and MudBlazor</a> - November 19,
|
||
2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-25%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Explore how to create robust, interactive web
|
||
applications using Blazor Server and MudBlazor. We’ll dive into
|
||
practical examples from a real-world application, discussing how
|
||
MudBlazor’s rich components can enhance user experience and simplify
|
||
development. The session will cover performance optimization techniques,
|
||
handling complex UI requirements, and best practices for deploying
|
||
Blazor Server apps in production. Attendees will leave with actionable
|
||
insights to elevate their Blazor Server projects.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Tn7rQbpLfmU">Using Blazor
|
||
to manage data in SQL server and Microsoft Fabric</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-25%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Many business applications need to allow their users
|
||
to view and update data in SQL server and data warehouses such as
|
||
Microsoft Fabric. Learn how to create custom applications using
|
||
Microsoft Blazor and free open-source controls such as Blazor Data Sheet
|
||
to rapidly implement solutions to your users. Learn how to implement row
|
||
level security to control access to the data in a granular way. Finally
|
||
learn how to use PowerBI embedded to provide advanced data
|
||
analytics.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=w8BKS1a8MnU">Exploring the
|
||
New Fluent UI Blazor Library: Next-Gen Web Components and Architectural
|
||
Innovations</a> - November 15, 2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-40%30min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> In-depth session on the upcoming new major version of
|
||
the Fluent UI Blazor library, which introduces cutting-edge Web
|
||
Components and significant architectural changes. This session will
|
||
cover: Overview of New Features: Discover the enhancements in the new
|
||
Fluent UI Blazor library, including updated Web Components,
|
||
Architectural Changes: Learn about the major architectural shifts that
|
||
improve performance, scalability, and maintainability, Migration Guide:
|
||
Yes, there will be a lot of breaking changes! But we will guide you with
|
||
practical tips and best practices for migrating your existing projects
|
||
to the new version.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=2xXc1hNwp0o">What’s New for
|
||
ASP.NET Core & Blazor in .NET 9</a> - November 14, 2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-40%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Find out about all the new features coming to ASP.NET
|
||
Core & Blazor for web developers in .NET 9.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=8yM4jDooWcM">ASP.NET
|
||
Community Standup - Making DevToys 2.0 cross-platform with Blazor
|
||
Hybrid</a> - October 29, 2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-64%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Learn about how the developers of DevToys leveraged a
|
||
custom flavor of Blazor Hybrid to make DevToys 2.0 cross-platform.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=o0CWssf8TFw">What’s Next
|
||
for ASP.NET Core & Blazor</a> - August 22, 2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-75%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Find out about all the new features coming to ASP.NET
|
||
Core & Blazor for web developers in .NET 9.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=z7V-_JVF_Zo">Build
|
||
interactive AI-powered web apps with Blazor and .NET</a> - August 21,
|
||
2024<img
|
||
src="https://img.shields.io/badge/Duration:%20-36%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Learn how you can quickly and easily build interactive
|
||
AI-powered web apps with Blazor and .NET using a variety of ready-made
|
||
AI components from the .NET ecosystem.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ubX-a6_V_ao">ASP.NET
|
||
Community Standup - Using GraphQL to enhance Blazor apps</a> - July 9,
|
||
2024 - <img
|
||
src="https://img.shields.io/badge/Duration:%20-67%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Let’s dive into why GraphQL is a compelling choice for
|
||
API queries and how to integrate it with Blazor. In this session, we’ll
|
||
enhance a Blazor app by incorporating GraphQL and using QuickGrid to
|
||
present the data.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=5v2GNcrEabg">Real World
|
||
Apps with Blazor and .NET Aspire</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-11%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 2, 2024 - In this episode Eduardo joins Frank to
|
||
showcase FairPlayTube: The Next Generation of Video Sharing portals, a
|
||
tool for content creators and entrepreneurs, powered by AI to create
|
||
thumbnails, digital marketing strategies, passive income ideas, posts
|
||
for social networks and more.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ilUohNPqnkU">New Blazor
|
||
Hybrid + .NET MAUI Templates are Incredible</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-10%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 28, 2024 - Looking to build mobile, desktop, and
|
||
web apps all with nearly 100% shared web UI? New Blazor Hybrid templates
|
||
in .NET 9 give you a single click automatically configured project with
|
||
.NET MAUI, Blazor, and a razor class library all setup.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=hzemJE_jcrI">ASP.NET
|
||
Community Standup: Building Aspireify.net</a> - June 18, 2024 - Join
|
||
Jeff Fritz as he shows how he built Aspireify.net with .NET 8, Blazor,
|
||
Microsoft Azure and .NET Aspire. <a
|
||
href="https://www.theurlist.com/aspnet-standup-2024-06-18">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=IZioflrC1Ho">Blazor and
|
||
Orchard Core with Peter Matthews - Orchard Core Pair Programming by
|
||
Lombiq</a> - June 17, 2024 - Join this session of Orchard Core Pair
|
||
Programming by Lombiq! In these, we do an hour of pair programming with
|
||
an Orchard Core community member about a project of theirs. We learn
|
||
together a lot, share best practices, and write some good code. All this
|
||
is live, and you can join us with your questions!</li>
|
||
<li><a href="https://www.youtube.com/watch?v=jRYVp_lySl8">Building
|
||
Real-Time Web Applications with Blazor and Akka.NET</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-79%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 13, 2024 - This talk presents how you can use
|
||
Akka.NET and Blazor to build scalable, streaming web applications
|
||
without JavaScript or any fuss. Pure C# end to end.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=PkQgcEUCnQk">ASP.NET
|
||
Community Standup: Static web asset improvements in .NET 9</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-57%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 11, 2024 - Learn about some of the static web
|
||
asset improvements coming in .NET 9.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=6PgvtdZXXZo">What’s New in
|
||
Blazor in .NET 8 & Beyond | Blazing into Summer 2024</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-94%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 10, 2024 - In this talk, Dan Roth dived into all
|
||
that’s new in Blazor in .NET 8 like the advanced render modes, built-in
|
||
authentication support, and scaffolding, and also looked at the future
|
||
of Blazor in .NET 9 and how that can make web development even
|
||
better.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=gVZJohJq3c8">On .NET Live:
|
||
Generating sound in Blazor with Blazor.WebAudio</a> - June 3, 2024 - Are
|
||
you using audio in your Blazor applications? This week, Kristoffer Stube
|
||
joins us to talk about Blazor.WebAudio, a Blazor library for playing,
|
||
generating, and analyzing sound! This library and the libraries
|
||
surrounding it enable developers to make rich interactive applications
|
||
in a safe fashion.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=NbfhbDKiFpM">Modern
|
||
Full-Stack Web Development with ASP.NET Core & Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-41%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 22, 2024 - Dive into the latest advancements in
|
||
ASP.NET Core and Blazor for building dynamic, responsive full-stack web
|
||
applications. Learn how these powerful frameworks simplify the
|
||
development process, from server to client, enabling you to create rich
|
||
interactive web UIs with C# instead of JavaScript.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=u9YNufaYxzM">Clean
|
||
Architecture with .NET MAUI, Blazor, and ASP.NET Core</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-67%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 22, 2024 - We’ve heard a lot about how using .NET
|
||
to build our UI applications lets us share code across our whole stack,
|
||
but finding the best way to do this isn’t straightforward. UI code and
|
||
API code can sometimes seem at cross-purposes and it’s not always
|
||
obvious how using .NET code across your whole stack provides any
|
||
advantages over using different technologies for your UI and API. It’s
|
||
easy to fall into the trap of underutilizing the right code-sharing
|
||
techniques. Or, at the other extreme, butchering your architecture for
|
||
the sake of sharing code. In this talk, Matt Goldman (author of .NET
|
||
MAUI in Action) will look at extending Clean Architecture to incorporate
|
||
UIs built with .NET MAUI and Blazor. See sensible ways to write clean,
|
||
testable, re-usable code that can be shared across the different layers
|
||
of your solution, and across different solutions in your enterprise, to
|
||
optimize efficiency and minimize duplication. We’ll also see how to
|
||
avoid the common pitfalls of over-engineering or under-sharing. You will
|
||
walk away knowing how to make full-stack code shared with .NET a
|
||
reality.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=KinUUsGkK_s">Build an
|
||
AI-powered content composer in Blazor using OpenAI GPT</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-17%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 22, 2024 - Learn how to build an AI-powered
|
||
content composer using GPT-3.5 Turbo and Syncfusion Blazor components.
|
||
Effortlessly create content on any topic and automatically adjust its
|
||
tone, format, and length—all in one place.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=h4g_tDgn7uM">Learn C# with
|
||
CSharpFritz - PWA and Publishing with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-127%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 1, 2024 - Fritz wraps up the series on Blazor with
|
||
.NET 8 by enabling the pizza website as a progressive web app (PWA) and
|
||
publishes it to Microsoft Azure.</li>
|
||
<li><a href="https://www.youtube.com/live/-Mc9pROA0Ho">Supercharging
|
||
Blazor SSR with htmx</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-60%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 29, 2024 - Are you using a front-end framework
|
||
with Blazor? In this week’s episode, community MVP Egin Hansen shows us
|
||
how to supercharge Blazor static server-side rendering (SSR) with the
|
||
htmx front-end library. Adding htmx gives you access to another level of
|
||
interactivity while still retaining all the advantages of Blazor SSR
|
||
stateless nature.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=1fveBAi6Q7I&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=3">ASP.NET
|
||
Community Standup: Fluent UI Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-81%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 23, 2024 - The Fluent UI Blazor library provides
|
||
a set of Blazor components which are used to build applications that
|
||
have a Fluent design (i.e. have the look and feel or modern Microsoft
|
||
applications). Join Vincent and Denis to learn the fundamentals and
|
||
building blocks of the library and demonstrate how to quickly
|
||
incorporate it into your Blazor projects. Learn the basics of setting up
|
||
the environment, use the interactive components, and change the styling
|
||
of your application with Fluent UI design tokens.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=p9taQkF24Fs">Understand the
|
||
Next Phase of Web Development</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-58%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 23, 2024 - Talk by Steve Sanderson at the NDC
|
||
London 2024. It’s 2024, and the web continues to dominate the software
|
||
landscape. Innovation proceeds in all directions, with new frameworks,
|
||
build systems, and architectural patterns emerging at pace. But where
|
||
are we all heading? Is there a pattern? What’s the next big phase? In
|
||
this demo-centric talk we’ll look at the common trends across web
|
||
frameworks: disruptive new features that are showing up across
|
||
technologies and changing how web apps are built. We’ll dig into live
|
||
code examples in Next.js (React), SvelteKit, Blazor, Astro, and more.
|
||
We’ll see how these and others are setting a similar path for the next
|
||
phase of web technology – and how you could implement the same features
|
||
yourself without any framework. Finally, we’ll catch up on the state of
|
||
WebAssembly and try out WASI preview 2 – the upcoming reinvention of
|
||
WASI. Will it achieve the dream of seamless interop across all
|
||
languages, operating systems, and CPU architectures? Will it become the
|
||
standard for server-side cloud programming? Let’s build something with
|
||
it.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=hrXAkNsjaoI&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=9">ASP.NET
|
||
Community Standup: Blazor Hybrid + Web in .NET 9</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 9, 2024 - Learn how improvements coming to .NET
|
||
9 will make it easier to integrate Blazor Web and Blazor Hybrid.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ZWH4yJGJaeg">Introducing
|
||
Smart Components Experiment for Blazor, MVC, and Razor Pages</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-10%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> March 19, 2024 - Add genuinely useful AI-powered
|
||
features to your web app, just by dropping in pre-built Smart Components
|
||
that upgrade your existing pages and forms in minutes. Steve Sanderson
|
||
shows how SmartPaste, SmartTextArea, and SmartComboBox can all delight
|
||
your users and make them more productive. This is a new experiment from
|
||
the .NET team, and they want feedbacks.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=PPX-yEXfnPM&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t">ASP.NET
|
||
Community Standup - Modern Blazor Auth with OIDC</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 13, 2024 - See how to connect a Blazor app to
|
||
Microsoft Entra using OIDC and the BFF pattern.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=EhCz4s2Gh3I">Let’s Learn
|
||
.NET - Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-121%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> January 25, 2024 - Live with the lead Blazor Product
|
||
Manager, Daniel Roth, we will learn about basic web development with
|
||
.NET Blazor! Then, build an interactive web-based game application with
|
||
Blazor. Come to learn something new and leave with something that we all
|
||
built, together, live with experts.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=xVyYrtetDeA&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t">.NET
|
||
Data Community Standup - Database concurrency and EF Core: ASP.NET and
|
||
Blazor - Episode 2</a> - January 24, 2024 - In the last episode, we dug
|
||
deep into the underpinnings of optimistic concurrency handling in EF
|
||
Core. In this episode, we continue that journey to cover disconnected
|
||
scenarios. That is, where the entity travels to a client and then back
|
||
to the server before being updated in the database. We’ll look at the
|
||
different patterns for doing updates like this in ASP.NET Core and
|
||
Blazor apps and see how concurrency tokens work with each of these.
|
||
We’ll also look at how <code>ExecuteUpdate</code> can be used with
|
||
concurrency tokens, and take a look at ETag concurrency in Azure Cosmos
|
||
DB.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fkDSaIti_KU">ASP.NET
|
||
Community Standup - Blazor Experiments + eShop Q&A</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-65%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> December 12, 2023 - In this session, we will show you
|
||
some experimental ideas for Blazor and .NET+WASI and answer your
|
||
questions about the .NET eShop Blazor App. <a
|
||
href="https://www.theurlist.com/blazor-standup-2023-12">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=dE-XCUVCkkE">.NET Conf:
|
||
Integrating Blazor with existing .NET web apps</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-30%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 18, 2023 - ASP.NET’s RazorComponent model is
|
||
intuitive and brings productivity to web development. In this session
|
||
we’ll learn how RazorComponents aren’t just for Blazor apps and how we
|
||
can integrate the best part of Blazor with existing ASP.NET applications
|
||
using: Razor Pages, MVC, and even other front-end technologies.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=QIdedo8iI4Y">.NET Conf:
|
||
Building beautiful Blazor apps with Tailwind CSS</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-39%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 18, 2023 - Tailwind CSS has been growing in
|
||
popularity for some time. It’s fast becoming one of the top frameworks
|
||
to use when styling applications. It offers a different approach to the
|
||
traditional frameworks like Bootstrap—utility based styling. Rather than
|
||
using prebuilt components—which result in your application looking like
|
||
a lot of others on the web—you can tailor your design by applying small
|
||
focused CSS classes resulting in a unique style for your app. In this
|
||
code focused talk, you will learn how to bring the power of Tailwind CSS
|
||
to your Blazor applications. We’ll start off with a brief introduction
|
||
to Tailwind. Then we’ll get into some code and see how we can integrate
|
||
Tailwind with Blazor. For the rest of the time, we’ll explore the
|
||
various features of Tailwind and see just how beautiful we can make our
|
||
Blazor app.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fxGEVS2Gcyo">.NET Conf:
|
||
Blazor Puzzles and Answers</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-25%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 18, 2023 - The Blazor Puzzle podcast team of
|
||
Carl Franklin and Jeff Fritz have a collection of puzzles and
|
||
brain-teasers for you in this code-focused session about the latest
|
||
features of the Blazor framework. We’ll fix bugs, build cool features,
|
||
and even write a unit test or two.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=aorfcDeHUpw">.NET Conf:
|
||
Blazor-testing from A to Z</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-28%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 18, 2023 - Discuss and showcase the different
|
||
Blazor testing strategies, libraries, and tools available to us, so
|
||
whether you are building a website, web app, or a reusable Blazor
|
||
component library, you can pick the ones that yield the most bang for
|
||
the buck. Specifically, this session covers end-2-end testing, component
|
||
testing, unit testing, Playwright, bUnit, snapshot testing, semantic
|
||
markup comparison, emulating user interactions, and how and when to use
|
||
test doubles (e.g., mocks).</li>
|
||
<li><a href="https://www.youtube.com/watch?v=YwZdtLEtROA">.NET Conf:
|
||
Full stack web UI with Blazor in .NET 8</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-56%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 15, 2023 - In .NET 8 you can deliver the best
|
||
web app experiences entirely in Blazor using Blazor’s convenient
|
||
component model. You can build your entire web app in Blazor without the
|
||
needed for writing JavaScript or mixing web frameworks. In this session
|
||
you’ll see how you can use Blazor’s new server-side rendering support to
|
||
power your web apps from the server for maximum performance and
|
||
scalability. You’ll see how you can easily add advanced capabilities
|
||
like streaming rendering and enhanced navigation & form handling to
|
||
further optimize the user experience. Then add rich client-side
|
||
interactivity wherever it is needed using Blazor Server or Blazor
|
||
WebAssembly.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=pWDf1AnJ4ds">Building
|
||
Hybrid User Interfaces with Blazor Hybrid [Pt 4] | Blazor Hybrid for
|
||
Beginners</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-19%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2023 - Let’s start to build out a full
|
||
application with Blazor Hybrid inside of .NET MAUI. Join James as he
|
||
walks through building out a full to do application with web
|
||
components.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=C2y9tXcbweg">ASP.NET
|
||
Community Standup - New Blazor updates in .NET 8 RC2</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> October 10, 2023 - About what Blazor has to offer in
|
||
.NET 8 RC2. <a
|
||
href="https://www.theurlist.com/aspnet-community-standup-2023-10-10">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=VWwZrDA8om0">Blazor on .NET
|
||
8 - Ten Reasons why Blazor on .NET 8 is a Game Changer</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-25%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> October 10, 2023 - 10 reasons why the new enhancements
|
||
and new features about Blazor released with .NET 8 are an absolute game
|
||
changer.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=47CZqb53nCM">ASP.NET
|
||
Community Standup - Full Stack Blazor Tips and Updates</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-104%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 12, 2023 - Discover how full stack Blazor
|
||
apps work and how they differ from traditional Blazor Server and
|
||
WebAssembly apps. We’ll also explore some of the new full stack UI
|
||
features that Blazor offers in .NET 8 RC1. <a
|
||
href="https://www.theurlist.com/blazor-standup-2023-09">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=QMw9GgiU_Ng">The Blazor
|
||
Puzzle : Puzzle 3</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-11%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 8, 2023 - Carl Franklin and Jeff Fritz offer
|
||
Blazor-based problems to be solved and give away prizes to lucky
|
||
winners. <a href="https://github.com/BlazorPuzzle/Puzzle-3">Source
|
||
code</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=pjnDFnOiMwk">How to
|
||
Authenticate a Blazor Server App with Azure AD</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-8%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 7, 2023 - This short video is about how to
|
||
create a new Blazor Server application and authenticate it using Azure
|
||
AD.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=70gh038Z9kA">Burke Learns
|
||
Blazor - API Updates</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-95%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 25, 2023 - We’re going to update the API to use
|
||
the Cosmos client and maybe do some updates on the Edit form. And Burke
|
||
shows off the signature move that won him the “Pop ‘n’ Lock”
|
||
championship.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=PQe-q8faMOI">Beautiful
|
||
Blazor UI Everywhere with Telerik</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-27%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 22, 2023 - Becky is joined by Sam Basu from
|
||
Progress showing off the latest controls for Blazor and Blazor Hybrid
|
||
apps with Telerik UI.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=VDyN8SnevzI">New Blazor
|
||
Rendering Mode Features in .NET 8.0</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-11%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 14, 2023 - In this video we’ll explore how to
|
||
integrate the new Blazor Server Side rendering capabilities in .NET 8.0
|
||
with the traditional Blazor WebAssembly and Blazor Server (SignalR)
|
||
hosting models for a rich client-side experience. We’ll explore the
|
||
differences between these different options, how to seamlessly implement
|
||
each option where it makes sense, and discuss different architecture
|
||
approaches with Blazor in ASP.NET Core 8.0.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=QD2-DwuOfKM">What’s New in
|
||
Blazor for .NET 8</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-66%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 4, 2023 - Come find out about the future of
|
||
Blazor in .NET 8! We’ll explore all the upcoming features and
|
||
improvements, including our effort to create a unified full stack web UI
|
||
programming model that combines the strengths of client and server. We
|
||
hope to see you there.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=OUUlO8fQOfE">What is the
|
||
Future of Blazor? Should I Learn Blazor?</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-23%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 27, 2023 - Should I learn a JavaScript framework
|
||
or concentrate on mastering Blazor? What is the future of Blazor? Is
|
||
Microsoft invested in making Blazor great? We will answer these
|
||
questions in today’s Dev Questions episode.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=qONPW7N_r8k">Burke Learns
|
||
Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-117%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 7, 2023 - Finishing the API and starting the UI.
|
||
<a href="https://www.theurlist.com/burke-learns-blazor">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=cYDs7WyOxcE">Adding
|
||
Progress Indicators & Progress Telerik Maps in ‘Next Tech Event’ |
|
||
Part 21</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-126%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 4, 2023 - In this episode, we discuss and
|
||
implement progress indicators to enhance user experience. Plus, we
|
||
integrate a Map component from Progress Telerik, adding a visually
|
||
striking and functional element to the platform. <a
|
||
href="https://github.com/CodingAfterWork/NextTechEvent">Source
|
||
code</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=9OSpY3Yi5ic">Burke Learns
|
||
Blazor - Let’s build the API!</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-103%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 30 - Last week we got the API started - let’s
|
||
finish it up and start on the UI. <a
|
||
href="https://www.theurlist.com/burke-learns-blazor">Url list</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=6iUNRitiJTQ">The Blazor
|
||
Power Hour: Sections, SectionOutlet, and SectionContent in .NET 8
|
||
Preview</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-129%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 28, 2023 - Let’s take a deep dive into a .NET 8
|
||
Preview feature, sections. What are SectionOutlet, and SectionContent?
|
||
How do we use them to build an extensive layout system for Blazor
|
||
applications?</li>
|
||
<li><a href="https://www.youtube.com/watch?v=B3giEe1imjY">Creating a
|
||
Twitter Clone with Blazor Spark</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-42%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 21, 2023 - Learn how to utilize the Blazor Spark
|
||
framework by building a Twitter clone.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fetGhhVYsLY">Burke learns
|
||
Blazor by porting a Vue.js app to Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-86%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 15, 2021 - This summer, Burke and Jon are porting
|
||
theurlist.com to Blazor - a real world JavaScript application written in
|
||
Vue.js. Join them each week as they use Visual Studio, Visual Studio
|
||
Code and GitHub Copilot to rebuild this app and try to tackle every
|
||
frontend issue you might encounter along the way. <a
|
||
href="https://www.theurlist.com/burke-learns-blazor">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=tOHihL9Lf7Y">ASP.NET
|
||
Community Standup - Featured community project: Blazor Studio</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-69%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 14, 2023 - Chat about Blazor Studio, this month’s
|
||
featured Blazor community project. <a
|
||
href="https://aka.ms/AAl2w0l">Community links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=pJGDPEk45Jc">What’s new in
|
||
.NET 8 for Web frontends backends and futures?</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-47%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 26, 2023 - Join this session to explore new
|
||
features in .NET 8 for web frontends, backends, and future development.
|
||
Discover how .NET 8 enhances web app development with better
|
||
performance, new APIs, and modern development support. Get guidance on
|
||
leveraging these tools for scalable, efficient cloud apps. Suitable for
|
||
both experienced and new .NET developers, this session offers valuable
|
||
insights into the latest developments in .NET 8 for web
|
||
development.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=IXCZAFwT5GY">Running
|
||
ASP.NET Core Apps without a server? WHAT???</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-46%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 26, 2023 - By Isaac Levin at the NDC Oslo 2023.
|
||
With the introduction of WebAssembly-based Blazor, .NET developers can
|
||
now build solutions that can run on all sorts of new hosting platforms,
|
||
even ones without servers. Building applications that can run nearly
|
||
anywhere, all written in C# is an amazing experience for web developers,
|
||
far and wide. Write code in the programming language you love, without
|
||
having to learn the newest Javascript framework (though you can interop
|
||
if you want to!) is the reason why Blazor is one of the most exciting
|
||
things in the current .NET landscape. In this session, we will go over
|
||
the technology of Blazor WebAssembly and showcase deploying a .NET app
|
||
that can run in places we never thought we could.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=6ctA95pZJoc">Running Blazor
|
||
in Production, Lessons Learned</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-55%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 24, 2023 - Since we started using Blazor in 2019,
|
||
it’s been an excellent tool for our team of C# developers. Even when
|
||
Blazor was brand new, we used it in our latest project, which really
|
||
helped us. Seeing other people in our field, I can say that Blazor was a
|
||
key to our project’s success. Our journey with Blazor has mostly been
|
||
easy, but we have still learned a lot along the way. In this video, I
|
||
will share some tips and lessons we have picked up. I will also discuss
|
||
how to make smart choices and avoid problems when you’re changing your
|
||
existing project to use Blazor.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=iDLWv3xM1s0">Full stack web
|
||
in .NET 8 with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-16%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 24, 2023 - Learn how ASP.NET Blazor in .NET 8
|
||
allows you to use a single powerful component model to handle all of
|
||
your web UI needs, including server-side rendering, client-side
|
||
rendering, streaming rendering, progressive enhancement, and much
|
||
more.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=kjKpZAgXLFY">Blazor + .NET
|
||
MAUI – the perfect “hybrid”</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-18%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 24, 2023 - In this session, we demonstrate how to
|
||
leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive
|
||
mobile solutions that amaze. We show you how Blazor Hybrid apps reduce
|
||
time to market and how our adaptive Blazor Data Grid can be used
|
||
alongside our rich collection of FREE .NET MAUI UI components to address
|
||
a variety of usage scenarios.</li>
|
||
<li><a
|
||
href="https://build.microsoft.com/en-US/sessions/b559a882-92b9-43b6-9b50-312be2ccadfe?source=sessions">How
|
||
to Create a PDF Document in Blazor Using the .NET PDF Library</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-21%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 23, 2023 - .NET Build session: How to Create a PDF
|
||
Document in Blazor Using the .NET PDF Library. PDFs are an ideal format
|
||
for sharing and archiving documents, but creating a viewer from scratch
|
||
requires a deep understanding of PDF specifications and programming
|
||
languages. What benefit does a PDF viewer provide for your business? It
|
||
makes it easy to send a report to stakeholders, send an invoice to a
|
||
customer, or generate a receipt in a retail shop. In this demo, we’ll
|
||
show how you can easily add a PDF viewer to your app with text, images,
|
||
and a table in the PDF document.</li>
|
||
<li><a
|
||
href="https://build.microsoft.com/en-US/sessions/7ac85686-2fee-4ce5-82d0-c239a005eb7e?source=sessions">Blazor
|
||
+ .NET MAUI – the perfect “hybrid”</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-18%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 23, 2023 - Microsoft Build session: Blazor + .NET
|
||
MAUI – the perfect “hybrid”. In this session, we demonstrate how to
|
||
leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive
|
||
mobile solutions that amaze. We show you how Blazor Hybrid apps reduce
|
||
time to market and how our adaptive Blazor Data Grid can be used
|
||
alongside our rich collection of FREE .NET MAUI UI components to address
|
||
a variety of usage scenarios.</li>
|
||
<li><a
|
||
href="%5Bhttps://www.youtube.com/watch?v=HSfrSNpshg0%5D(https://www.youtube.com/watch?v=VnU1Ixgl-vw)">This
|
||
Will Skyrocket Your Blazor Development Productivity</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-4%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 23, 2023 - Developing Blazor is fun. However,
|
||
there are a lot of different things that take quite some time when added
|
||
together. For instance creating isolated CSS files, creating isolated JS
|
||
files, creating code behind files and others. However, Jimmy Engstrom
|
||
has created a Visual Extension that solves exactly this problems. Using
|
||
this extension, your productivity will get a substantial boost. In this
|
||
video, I’ll show you everything you need to know to use this extension
|
||
in your day to day Blazor development.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=t8w_OTkafNE">On .NET Live -
|
||
Micro Frontends with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-62%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 22, 2023 - Have you ever considered writing
|
||
microservices in Blazor? In this week’s episode, community MVP Florian
|
||
Rappl joins us to talk about micro frontends. He’ll show us how to break
|
||
a Blazor UI into modules for maintainability and development by
|
||
decoupled teams. <img
|
||
src="https://img.shields.io/github/stars/piral-samples/netflix-demo?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/piral-samples/netflix-demo?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <a
|
||
href="https://github.com/piral-samples/netflix-demo">Sample repo</a>. <a
|
||
href="https://notflix-demo.samples.piral.cloud/browse">Demo</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=bZdYpYQb958">Running Blazor
|
||
in production, lessons learned - Jimmy Engström - NDC London 2023</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-57%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 19, 2023 - We have been running Blazor in
|
||
production for over two years now. Everyone in our team is a C#
|
||
developer, so when we went into our latest project Blazor was a natural
|
||
choice, even though Blazor was only a week old. Looking at my peers
|
||
working in the same space, I am convinced that it saved our project by
|
||
switching to Blazor. Even though it has been mostly smooth sailing we
|
||
have learned a lot during the years. In this session, Jimmy Engström
|
||
will give you some of the tips, tricks, and learnings we have collected
|
||
over the years, when to choose what, and how to avoid pitfalls
|
||
converting your exiting project to Blazor.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=MaLjiR9YSbs&list=PLdo4fOcmZ0oVJyHcoDsVwlShX1tcxydYP&index=92">ASP.NET
|
||
Community Standup - Blazor .NET 8 Updates</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-92%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 10, 2023 - Come check out some of the progress the
|
||
Blazor team has made for .NET 8. <a
|
||
href="https://gist.github.com/MackinnonBuck/ebd4072c40eca01c177e8ab7e180c392">Community
|
||
links</a>.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?app=desktop&v=crAfcbzpUqg">Building
|
||
“Next Tech Event” using Blazor and RavenDB Part 16</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-130%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 9, 2023 - Part 16 of our new project,
|
||
“NextTechEvent”, a site that will help speakers, organizers, and
|
||
attendees find their next tech event. In this stream, we made the
|
||
attendee page look better, and with our close personal friend Chat GPT,
|
||
we did a better-looking temperature view. <a
|
||
href="https://github.com/CodingAfterWork/NextTechEvent">Source code</a>
|
||
<img
|
||
src="https://img.shields.io/github/stars/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> .</li>
|
||
<li><a href="https://www.youtube.com/watch?v=S9OICr6Qxpc">Build a
|
||
Connect Four game in your browser with .NET</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-1%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 1, 2023 - Learn C#, F#, and .NET with free
|
||
self-guided learning from <a href="https://aka.ms/learndotnet">Microsoft
|
||
Learn</a>. <a
|
||
href="https://learn.microsoft.com/fr-fr/training/modules/dotnet-connect-four/">Connect4
|
||
lesson on Microsoft Learn</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=7W6h4PuQom8">ASP.NET
|
||
Community Standup - Blazor and Data API Builder</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-62%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 11, 2023 - Learn about Data API Builder and how
|
||
it can be used in Blazor app development. <a
|
||
href="https://www.theurlist.com/blazor-community-standup-2023-04-11">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=lJa3YlUliEs">ASP.NET
|
||
Community Standup - Blazor App Testing with Playwright</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-59%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 23, 2023 - March 14, 2023 - Learn how to use
|
||
Playwright to implement end-to-end testing for your Blazor application.
|
||
<a href="https://www.theurlist.com/blazor-standup-2023-03-14">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=QvZcbqT0oIo">Steve
|
||
Sanderson on Blazor United</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-50%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 23, 2023 - Carl talks to Steve Sanderson,
|
||
creator of Blazor, to answer questions about Blazor United, coming in
|
||
.NET 8.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ULHxywqxMPk">Exploring
|
||
OpenAI with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-54%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 23, 2023 - Chat with Michael Washington about
|
||
how .NET developers can leverage OpenAI GPT-3 in their Blazor
|
||
applications.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=kIH_Py8ytlY&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=2">ASP.NET
|
||
Community Standup - Blazor United in .NET 8</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-83%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 14, 2023 - The Blazor team shares early
|
||
thoughts on Blazor United in .NET 8, an effort to create a single
|
||
unified model for all your web UI scenarios that combines the best of
|
||
Razor Pages, Blazor Server, and Blazor WebAssembly. <a
|
||
href="https://www.theurlist.com/blazor-standup-2023-02-14">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fw8gGB2y1UM">On .NET Live -
|
||
Mapping with GeoBlazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-62%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 7, 2023 - Do you need to display mapping data
|
||
in your Blazor apps? In this week’s episode, community member Tim Purdum
|
||
joins the panel to show us GeoBlazor, a versatile web mapping API that
|
||
you can implement without having to write a single line of
|
||
JavaScript.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=48G_CEGXZZM">Blazor United
|
||
prototype</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-13%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> January 24, 2023 - A quick look at some of the
|
||
experiments we’re considering for Blazor in .NET 8.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=fQ1Bg-u_YLw&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=2">ASP.NET
|
||
Community Standup - Exploring new and experimental features in
|
||
Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-73%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> January 10, 2023 - It show what it’s like to build a
|
||
.NET 7 Blazor app using both new and currently experimental features.
|
||
Featuring: Daniel Roth, Jon Galloway, Mackinnon Buck. <a
|
||
href="https://www.theurlist.com/aspnet-community-standup-2023-01">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=jIlSfgQiWTQ">Run a Blazor
|
||
component inside React</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-19%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> December 21, 2022 - Are you tired of slow and clunky
|
||
web applications? Look no further than Blazor running in React! Blazor
|
||
is a powerful framework for building interactive client-side web apps
|
||
with C#, and when combined with the speed and flexibility of React, you
|
||
get a winning combination for stunning, high-performance web
|
||
experiences. In this video, we will use the new Custom Elements feature
|
||
to run Blazor in React, and demonstrate some of the other exciting
|
||
features and benefits of this dynamic duo. Don’t miss out on the future
|
||
of web development.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=QVkxusemLoo&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=1">ASP.NET
|
||
Community Standup - Blazor .NET 8 Planning</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-74%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> December 13, 2022 - Find out our early plans for
|
||
Blazor in .NET 8. <a
|
||
href="https://www.theurlist.com/blazor-community-links">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=r2XaCISF4dQ">Use the IDE to
|
||
make a Fluxor CRUD Application | Blazor IDE Part 2</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-147%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 18, 2022 - Use the IDE to make a Fluxor CRUD
|
||
Application.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=evW4Gj4sHsk">What’s new for
|
||
Blazor in .NET 7 | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-29%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Blazor in .NET 7 is loaded with
|
||
many new improvements to make building beautiful interactive web UI
|
||
easier and more productive. In this session we’ll take a look at the new
|
||
support for custom elements, improved data binding, handling location
|
||
changing events, showing loading progress, dynamic authentication
|
||
requests, and more.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=2t4VwBeQ9DY">Build an Audio
|
||
Browser app with Blazor | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-28%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - So you’ve heard about new features
|
||
in .NET 7, but how does it all fit together when you build an app? Join
|
||
Steve as he quickly builds an end-to-end audio manager app with Blazor
|
||
WebAssembly using features old and new. This is a moderately advanced
|
||
talk (it assumes existing Blazor knowledge) full of hints and tips
|
||
including: cleaner ways to organize JS interop, directly accessing files
|
||
on an end user’s filesystem, dynamically generating SVGs, creating an
|
||
elegant “loading” experience, and the performance impact of AOT
|
||
compilation. Full source code is provided!</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Ru-kO77d3F8">.NET ❤️’s
|
||
WebAssembly in .NET 7 | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-27%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - .NET 7 introduces powerful new
|
||
capabilities for running .NET code on WebAssembly. In this session we’ll
|
||
show how you can run .NET from any JavaScript code using the new and
|
||
improved JavaScript interop support. We’ll look at debugging and hot
|
||
reload improvements for .NET on WebAssembly and show how the .NET
|
||
WebAssembly build tools in .NET 7 take advantage of the latest
|
||
WebAssembly features like SIMD and Exception Handling to improve
|
||
performance. We’ll also check out some upcoming and experimental .NET
|
||
WebAssembly capabilities like support for multithreading.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=gBky9_AskNQ">Testing Blazor
|
||
Applications with Playwright | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-24%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Testing is hard, testing takes
|
||
time to learn and to write, and time is money. As developers we want to
|
||
test. We know we should but we don’t have time. So how can we get more
|
||
developers to do testing? We can create better tools. Let me introduce
|
||
you to Playwright - Reliable end-to-end cross browser testing for modern
|
||
web apps, by Microsoft and fully open source. Playwright’s codegen
|
||
generates tests for you so now you really have no excuses. It’s time to
|
||
play your tests wright.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ojcvL8KCOwo">Create native
|
||
desktop & mobile apps using web skills in Blazor Hybrid | .NET Conf
|
||
2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-30%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Are you a web developer and need
|
||
to target iOS, Android, macOS, and Windows? Ship directly to the store
|
||
and build world class apps with native API access with .NET MAUI and
|
||
Blazor Hybrid.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=niX1DbFwgq4">Modernize your
|
||
WPF and Windows Forms application with Blazor | .NET Conf 2022</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-24%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Desktop is not dead and there are
|
||
a lot of applications written in WPF and Windows Forms that need to be
|
||
ported to Web, or reuse ready components written by the web team. Blazor
|
||
can be the answer for both the requirements thanks to Blazor Hybrid.
|
||
Let’s see how you can use it.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=w_x1keHyXAY">CSS Techniques
|
||
for Blazor Developers | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-29%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Does your CSS code remind you of
|
||
an episode of Hoarders? In this session we’ll explore a variety of CSS
|
||
related architecture decisions that Blazor developers face. Attendees
|
||
will learn how and when to use plain CSS, Sass or CSS Isolation with
|
||
Blazor. Modern CSS techniques like custom CSS properties will be
|
||
discussed. We’ll explore techniques to build modular and intelligent CSS
|
||
by leveraging CSS principals and incorporating helper libraries. This
|
||
session aims to break the dependency on CSS systems like Bootstrap and
|
||
Tailwind.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=FjGjguW1Xa0">Azure Static
|
||
Web Apps with Blazor and .NET | .NET Conf 2022</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-30%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 10, 2022 - Are you a .NET developer who wants
|
||
to quickly build and deploy full-stack .NET serverless applications?
|
||
Then this talk is for you! In this session, we will learn how to use
|
||
Azure Static Web Apps with Blazor and .NET. First, we will explore Azure
|
||
Static Web Apps. Then take a look at getting started with Blazor
|
||
WebAssembly paired with the serverless power of .NET Azure Functions or
|
||
Azure Container Apps. We will continue on to explore other .NET API
|
||
options now available. And finally, we will discover how to
|
||
automatically build and deploy to Azure directly from our code
|
||
repository.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=e8IkSFQmonE">Localization
|
||
in Blazor: Carl Franklin’s Blazor Train Ep 90</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-14%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 3, 2022 - Carl shows how to easily support
|
||
multiple languages in a Blazor WebAssembly application.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=tpF61oKd3-I">Building “Next
|
||
Tech Event” using Blazor and RavenDB Part 12</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-129%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> November 2, 2022 - Part 12 of the project
|
||
“NextTechEvent”, a site that will help speakers, organizers, and
|
||
attendees find their next tech event. In this stream, we add search
|
||
functionality using RavenDB by adding an index. A way for organizers to
|
||
filter conferences by name, country, location, city, and tags or a
|
||
combination of them. This way we can see how many conferences are
|
||
happening in “Stockholm” or all the conferences named “NDC”. <img
|
||
src="https://img.shields.io/github/stars/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/CodingAfterWork/NextTechEvent?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <a
|
||
href="https://github.com/CodingAfterWork/NextTechEvent">Source
|
||
code</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=csWkVlB3GQo">MAUI Blazor
|
||
Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-31%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> October 20, 2022 - Adding guests and links, and
|
||
playlist functionality.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=YR3O3ktuYCw&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=1">ASP.NET
|
||
Community Standup - Blazor in .NET 7 Part III</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-60%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> October 11, 2022 - Learn more about the latest
|
||
multithreading and MSAL developments for Blazor in .NET 7. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_october_2022">Community
|
||
links</a>.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=AlRxwIOq4jQ&list=PL8h4jt35t1wjvwFnvcB2LlYL4jLRzRmoz&index=92">MSAL
|
||
Auth in Blazor Server</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-26%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 22, 2022 - Carl shows how to use MSAL and
|
||
Azure AD B2C to authenticate users and call a secure API.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=-ZSscIhQaRk&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=2">ASP.NET
|
||
Community Standup - Blazor in .NET 7 Part II</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-87%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 13, 2022 - Learn more about the exciting
|
||
runtime changes in Blazor for .NET 7. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_september_2022">Community
|
||
links</a>. <a
|
||
href="https://www.youtube.com/watch?v=mDKvgpD8YM0&feature=emb_imp_woyt">Part
|
||
1</a>.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=D5PdeRsV-Hk&list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1&index=2">Make
|
||
a Text Editor in Blazor from scratch, Blazor Text Editor Part 1.</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-44%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 8, 2022 - Make a Text Editor in Blazor from
|
||
scratch, Blazor Text Editor Part 1.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=ZIt0-mbCgG8&list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1&index=2">Roslyn
|
||
Syntax Highlighting | Blazor Text Editor Part 2</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-36%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 8, 2022 - Roslyn Syntax Highlighting |
|
||
Blazor Text Editor Part 2.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=D5PdeRsV-Hk&t=0s">Make
|
||
a Text Editor in Blazor from scratch | Blazor Text Editor Part 1</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-44%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 8, 2022 - Make a Text Editor in Blazor from
|
||
scratch | Blazor Text Editor Part 1.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=A_C8X-b2qXE">.NET MAUI
|
||
& Blazor - Sharing code between app and web</a> - September 2, 2022
|
||
- In this video, Daniel will show you how to create a project for .NET
|
||
MAUI and Blazor and how to structure the code so it can be shared
|
||
between the app and the web. <img
|
||
src="https://img.shields.io/github/stars/dhindrik/MauiBlazorHybridDemo?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/dhindrik/MauiBlazorHybridDemo?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> <a
|
||
href="https://github.com/dhindrik/MauiBlazorHybridDemo">Source
|
||
code</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=QXxNlpjnulI">Blazor in 100
|
||
Seconds</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-2%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> September 1, 2022 - Short presentation of Blazor.
|
||
Blazor is a framework that can build frontend web applications with
|
||
HTML, CSS, and C#. It leverages web assembly to eliminate JavaScript
|
||
from the usual client-side tech stack.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=YhAxMpOtVQU">Build an
|
||
interactive todo list with Blazor in minutes</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-16%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 28, 2022 - In this tutorial we’ll learn how to
|
||
create a todo list with Blazor and improve the page using
|
||
Bootstrap.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=mDKvgpD8YM0&feature=emb_imp_woyt">Blazor
|
||
in .NET 7 - .NET Community Standup</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-85%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 23, 2022 - Overview of Blazor in .NET 7 with
|
||
Daniel Roth, Jon Galloway, Mackinnon Buck and Tanay Parikh. Learn more
|
||
about the great new features coming to Blazor in .NET 7.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=MhQpGbLxeF0">Blazor for
|
||
ABSOLUTE beginners in 21 Minutes</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-21%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> August 22, 2022 - In this tutorial you will learn the
|
||
basics of building a website with Blazor and how the default Blazor
|
||
project template works. If you have any problems feel free to leave a
|
||
comment and I will try and get back to you. I’ve also added some notes
|
||
below that you might find useful.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=YAgMdsdWzAc">Implementing
|
||
Main Page Headers in Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-101%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 18, 2022 - In this session, Josh and I are back
|
||
again to continue building a decentralizaed social media platform in the
|
||
open-source space. This session in particular we will be discussing,
|
||
designing and implementing a main page header in Blazor using
|
||
SharpStyles.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ovgNl_ck22w">Blazor:
|
||
Flavors of State Management with Blazor WebAssembly</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-85%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 12, 2022 - ASP.NET Community Standup - Blazor:
|
||
Flavors of State Management with Blazor WebAssembly. Working with Blazor
|
||
WebAssembly applications we often overlook the importance of appropriate
|
||
state management. Without a good understanding and the right strategy,
|
||
our applications can end up polluted with components that behave badly
|
||
and we end up regretting the bad choices.- This session covers the
|
||
simple state management flavours and then progress towards something
|
||
more tasty like the Redux pattern. We will see what there is to like and
|
||
dislike about each flavour. Next, we will take a step back and determine
|
||
the appropriate seasoning of state management to pair with our
|
||
application. You will leave this session having sampled all the
|
||
wonderful flavours and be able to make great decisions to have the best
|
||
development experience. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_july_2022">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=wYptdN-P5zU">Securing
|
||
Blazor & Web APIs with AAD</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-30%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 11, 2022 - This video shows how to secure your
|
||
Blazor application and a Web API using Azure Active Directory
|
||
(AAD).</li>
|
||
<li><a href="https://www.youtube.com/watch?v=lP_qdhAHFlg">What’s next
|
||
for Blazor, and .NET on WASI</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> July 7, 2022 - What’s next for Blazor, and .NET on
|
||
WASI, talk by Steve Sanderson at the NDC Porto. In this demo-centric
|
||
talk, Microsoft developer/architect Steve will show the current
|
||
state-of-the-art in Blazor for building rich web-based UI for browsers
|
||
and native apps. This will include powerful new features shipped in .NET
|
||
6, as well as upcoming enhancements under development for .NET 7 and
|
||
.NET MAUI. We’ll also look at more experimental future possibilities,
|
||
including running .NET Core on WASI (WebAssembly on the server) which
|
||
creates entirely new cloud and edge hosting options and lets you bring
|
||
.NET code to places it’s never been before.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=NXtaepJsWp8">Test the new
|
||
Blazor experimental tutorial INSIDE Visual Studio</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-9%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> June 29, 2022 - Grace Taylor from the Visual Studio
|
||
team joins James to talk about a new experiment that they are running to
|
||
improve tutorial inside of Visual Studio! Their first experiment is
|
||
going to help developers get started learning and building web apps with
|
||
Blazor. Install Visual Studio, and you may have the opportunity to test
|
||
out this new experimental feature from the team.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=06chSzVeuls">Test-Driving
|
||
CSS Styles in Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-32%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> June 20, 2022 - This video is about test-driving CSS
|
||
styles in Blazor.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=YbH2n4FZAP4">Should I Focus
|
||
on Blazor or ASP.NET Core?</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-13%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> June 16, 2022 - Should I learn Blazor in more depth or
|
||
should I better understand ASP.NET Core? Which one is the better one to
|
||
learn well first? Should I bounce back and forth or specialize in
|
||
one?</li>
|
||
<li><a href="https://www.youtube.com/watch?v=9i7XPpMcztM">Persisting
|
||
Data in Blazor WebAssembly</a> - June 3, 2022 - Carl uses a client-side
|
||
repository based on IndexedDB to persist data even without an Internet
|
||
connection.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=I_zFlBKgl5s">Using
|
||
TypeScript with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-20%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 27, 2022 - Carl shows you how to use TypeScript
|
||
when creating a Blazor component.</li>
|
||
<li><a
|
||
href="https://mybuild.microsoft.com/en-US/sessions/599c82b6-0c5a-4add-9961-48b85d9ffde0">Build
|
||
native apps for any device with .NET and Visual Studio</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-51%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 25, 2022 - See how you can quickly and iteratively
|
||
build modern, native and hybrid web apps for any device with Visual
|
||
Studio and .NET Multi-platform App UI (.NET MAUI). We’ll take you on a
|
||
tour of the tools and frameworks that can speed up your development time
|
||
to create powerful, native desktop and mobile apps for Windows, macOS,
|
||
iOS, and Android from a single codebase with .NET MAUI. We’ll also show
|
||
you how to enhance your Blazor web apps with native device
|
||
capabilities.</li>
|
||
<li><a
|
||
href="https://mybuild.microsoft.com/en-US/sessions/d2a86fe6-abb9-4939-a44d-ed660f9bb675?source=sessions">Native
|
||
client apps with Blazor Hybrid</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-27%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 25, 2022 - Blazor uses the latest open web
|
||
standards to enable full stack web development with .NET. But what if
|
||
you need to build a native client app? Blazor is expanding beyond the
|
||
web to enable support for building native client apps using a hybrid of
|
||
web technologies and .NET. In this session we’ll look at the new Blazor
|
||
Hybrid support in .NET MAUI for building cross platform native client
|
||
apps for mobile and desktop as well as Blazor Hybrid support for
|
||
modernizing WPF and Windows Forms apps.</li>
|
||
<li><a
|
||
href="https://mybuild.microsoft.com/en-US/sessions/ddf48da7-d3e6-4ba5-affd-b5735ce205fa?source=sessions">Future
|
||
Possibilities for .NET Core and WASI (WebAssembly on the Server)</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-28%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=microsoft"
|
||
alt="duration" /> May 25, 2022 - WebAssembly is moving beyond the
|
||
browser and is pitched to become a foundational element of modern
|
||
cloud-native architecture. It lets any language compile to universal
|
||
binaries that run on any OS or processor, robustly sandboxed and with
|
||
great performance. This session covers a new approach to running .NET in
|
||
WASI environments. You’ll see how your existing .NET code could be built
|
||
into WASI-compliant modules, plus the opportunities this opens. This is
|
||
experimental, not yet a committed product.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=DuNLR_NJv8U">Learn .NET
|
||
MAUI - Full Course for Beginners | Tutorial for iOS, Android, Mac,
|
||
Windows in C#</a> - May 23, 2022 - Let’s start our journey together to
|
||
build beautiful native cross-platform apps for iOS, Android, macOS, and
|
||
Windows with <a href="https://dotnet.microsoft.com/en-us/apps/maui">.NET
|
||
MAUI</a>, C#, and Visual Studio! In this full workshop, I will walk you
|
||
through everything you need to know about <a
|
||
href="https://dotnet.microsoft.com/en-us/apps/maui">.NET MAUI</a> and
|
||
building your very first app. You will learn the basics including how to
|
||
build user interfaces with XAML, how MVVM and data binding simplify
|
||
development, how to navigate between pages, access platform features
|
||
like geolocation, optimize data collections, and theme your app for
|
||
light theme and dark theme. This course has everything you need to learn
|
||
the basics and set you up for success when building apps with <a
|
||
href="https://dotnet.microsoft.com/en-us/apps/maui">.NET MAUI</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=CA8waGMYHbY">Displaying
|
||
Custom Reports in Blazor using Syncfusion</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-50%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 20, 2022 - In the last video, we created a custom
|
||
report using the Bold Reports Designer. We could use the provided Bold
|
||
Reports Viewer to display the reports, but that does not always fit with
|
||
what you want to accomplish. That is why today we will implement a
|
||
report viewer in a Blazor Server application. That way, we can show our
|
||
custom report to our clients directly inside of our site instead of
|
||
sending them to a separate application.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=PIeYw7kJUIg">Bringing
|
||
WebAssembly to the .NET Mainstream - Steve Sanderson</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-30%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 19, 2022 - Many developers still consider
|
||
WebAssembly to be a leading-edge, niche technology tied to low-level
|
||
systems programming languages. However, C# and .NET have run on
|
||
WebAssembly since 2017. Blazor WebAssembly brought .NET into the browser
|
||
on open standards, and is now one of the fastest-growing parts of .NET
|
||
across enterprises, startups, and hobbyists. Next, with WASI we could
|
||
let you run .NET in even more places, introducing cloud-native tools and
|
||
techniques to a wider segment of the global developer community. This is
|
||
a technical talk showing how we bring .NET to WebAssembly. Steve will
|
||
demonstrate how it runs both interpreted and AOT-compiled, how an IDE
|
||
debugger can attach, performance tradeoffs, and how a move from
|
||
Emscripten to WASI SDK lets it run in Wasmtime/Wasmer or higher-level
|
||
runtimes like wasmCloud. Secondly, you’ll hear lessons learned from
|
||
Blazor as an open-source project - challenges and misconceptions faced
|
||
bringing WebAssembly beyond early adopters.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=BcQqCzm4tK0">Rapid
|
||
development model for Blazor Web Assembly and typed end-to-end
|
||
services</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-10%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 19, 2022 - In this video we use the <a
|
||
href="https://servicestack.net/">ServiceStack</a> Blazor WASM template
|
||
to show how the combination of typed end-to-end services and Blazor is
|
||
great for building line of business applications. The template provides
|
||
a clean separation of concerns, typed end-to-end safety and rapid
|
||
iteration thanks to shared C# language, Visual Studio Hot Reload and <a
|
||
href="https://servicestack.net/">ServiceStack</a> message centric
|
||
design.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=7BDBLyADq7s&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t&index=2">ASP.NET
|
||
Community Standup - Let’s build an app with .NET MAUI and Blazor</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-92%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 17, 2022 - Showcasing migrating a Blazor WASM PWA
|
||
to .NET MAUI and Blazor Hybrid. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_may_2022">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=RevmsFXVJ5Q">Making Blazor
|
||
work with everything, plus WebAssembly on the server</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-60%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 13, 2022 - Talk by Steve Sanderson at the NDC
|
||
London 2022. Real-world software projects often involve combining many
|
||
technologies. So, is modern Blazor powerful and flexible enough for your
|
||
team’s needs? In this demo-heavy talk, Steve will show how Blazor
|
||
WebAssembly/Server can seamlessly embed libraries and logic written in
|
||
other languages such as Rust or C/C++, how Blazor WebAssembly/Server
|
||
components can be used inside other SPA frameworks such as React or
|
||
Angular (or vice-versa) and how Blazor components can be used not only
|
||
for web projects, but also shared with native apps for macOS, iOS,
|
||
Android, and Windows (including WPF and WinForms) These capabilities
|
||
should equip your team to take on the most ambitious projects with
|
||
confidence. We’ll then look further into the future and consider how
|
||
WebAssembly is moving beyond the browser and is pitched to become a
|
||
foundational element of cloud-native server apps. You’ll be among the
|
||
first to see an experimental new approach to compiling .NET applications
|
||
into WASI-compliant universal binaries that can run on any OS or
|
||
processor, robustly sandboxed and with great performance.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=wyoCxzRLUsQ">Creating
|
||
Office Files in Blazor using Syncfusion - PDF, Word, Excel, and
|
||
PowerPoint</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-19%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 13, 2022 - Creating office files in C# has always
|
||
been a popular solution. You can generate reports in formats that users
|
||
are comfortable with. With the Syncfusion file controls, you can not
|
||
only create Excel files, you can also create Microsoft Word documents,
|
||
PowerPoint presentations, and PDF documents. In this video, we will look
|
||
at the office file controls in Syncfusion and how to use them.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=3fLoxkuzzqo">Building apps
|
||
for Teams in .NET & Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-17%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 11, 2022 - John Miller joins James on this week’s
|
||
On .NET to chat about how .NET developers can build Microsoft Teams apps
|
||
and bots completely with C#, .NET, and Blazor! John walks us through
|
||
everything we need to know to get started and how to even publish apps
|
||
for Teams.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=eQ9S9rt-rKc">Intro to
|
||
Blazor Controls in Syncfusion</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-42%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 11, 2022 - The Blazor controls in Syncfusion are
|
||
pretty impressive. In this video, we will look at the DataGrid, charts,
|
||
a Kanban-style board, a dashboard, autocomplete textboxes, context
|
||
menus, signature pads, menu bars, toast messages, and more. There are so
|
||
many controls to look at, in fact, that we are going to purposefully
|
||
ignore the office file creation and display controls, as well as
|
||
reporting. That way, we can spend more time on the other controls today
|
||
and then focus on the office files in another video. The reporting will
|
||
actually have two different videos dedicated to it.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=DdNssiaIY_Q">Securing SPAs
|
||
and Blazor Applications using the BFF (Backend for Frontend) Pattern</a>
|
||
- <img
|
||
src="https://img.shields.io/badge/Duration:%20-99%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 10, 2022 - Modern web development means that more
|
||
and more application code is running in the browser. Traditionally this
|
||
has been JavaScript but more recently there has been the trend to use
|
||
C#/WASM with Blazor. These modern applications typically also need
|
||
authentication and single-sign-on as well as token-based security for
|
||
calling APIs – in other words OpenID Connect and OAuth 2. There are
|
||
different patterns for securing such applications and this session
|
||
covers some of the pitfalls of the various approaches, especially given
|
||
the ever-changing browser landscape. We will conclude with the “backend
|
||
for frontend” (or BFF) pattern which has become the most secure and
|
||
stable of these approaches.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=4JkfeZp7aDk">Multi-environment
|
||
deployments with Azure DevOps and Static Web Apps</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-11%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 5, 2022 - App walkthrough, Create a static web app
|
||
with an Azure DevOps pipeline, Add Azure DevOps environments and
|
||
configure approvals, Configure a multi-stage pipeline, Static Web Apps
|
||
named preview environments, Playwright tests, Manual approval before
|
||
production deployment, Secure staging environments with a password. <a
|
||
href="https://github.com/anthonychu/swa-devops-pipeline-demo/blob/main/azure-pipelines.yml">Source
|
||
code</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=ttXb-gIiRoE">On .NET Live -
|
||
Wrapping browser APIs in Blazor WASM</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> May 2, 2022 - In this week’s episode, Kristoffer
|
||
Strube joins the panel to show us a Blazor WASM wrapper for the browser
|
||
File System Access API. He’s bringing demos and code to share, so this
|
||
is an episode you won’t want to miss.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=xzRhabmlc8M">Securing SPAs
|
||
and Blazor Applications using the BFF Pattern</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-57%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 29, 2022 - Securing SPAs and Blazor Applications
|
||
using the BFF (Backend for Frontend) Pattern at the NDC Porto, by
|
||
Dominick Baier.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=L9p-9dGp-98">State
|
||
management in Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-63%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 29, 2022 - State management in Blazor, at the
|
||
NDC Porto 2022. When developing a Single Page Application, a very
|
||
important aspect is state management. Since Blazer is a component-based
|
||
UI framework, how do we manage to update the UI when the state of the
|
||
application changes.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=cYP8TcokSFI">Streaming
|
||
three ways with Blazor: REST, gRPC, and SignalR</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-45%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 29, 2022 - Streaming three ways with Blazor:
|
||
REST, gRPC, and SignalR, by Carl Franklin at the NDC Porto 2022. Learn
|
||
how to stream data from server to client to improve perceived
|
||
performance and increase scalability. Carl shows how streaming works in
|
||
general, and then how to implement using each of these three
|
||
transports.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=RaXx_f3bIRU">Intro to
|
||
SignalR in C# Part 1 - using Blazor, WPF, best practices, and more</a> -
|
||
<img
|
||
src="https://img.shields.io/badge/Duration:%20-72%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 25, 2022 - SignalR is an excellent way to
|
||
connect two or more clients together for real-time communication. The
|
||
best part is that this library is just a wrapper around web-standard
|
||
technologies such as Web Sockets and Long-Polling. It just makes them
|
||
easier to use. That means we can even use SignalR with other clients
|
||
such as Java or JavaScript. In this video, we are going to learn how to
|
||
set up SignalR and how to connect to it using web clients and desktop
|
||
clients. Throughout the video, we will cover best practices, as well as
|
||
how to use this in the real world.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=M4tgU-V7peI">Revisiting
|
||
MVVM</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-20%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 21, 2022 - Carl revisits the topic of MVVM with
|
||
Blazor, clarifying your options.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=5q21Olur050">Queryable
|
||
Repositories</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-28%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 14, 2022 - Build a generic repository that the
|
||
client can query.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=U8XriF2zxS0">ASP.NET
|
||
Community Standup - Blazorators: Blazor C# Source Generators</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-57%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 12, 2022 - David Pine introduces Blazorators,
|
||
Blazor C# Source Generators on this month’s Blazor Community Standup. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_april_2022">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=qkzyqDUjPHs">.NET MAUI
|
||
Blazor - Build Hybrid Mobile, Desktop, and Web apps</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-47%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> April 1, 2022 - Blazor enables building client-side
|
||
web UI with .NET, but sometimes you need more than what the web platform
|
||
offers. Sometimes you need full access to the native capabilities of the
|
||
device. You can now host Blazor components in .NET MAUI apps to build
|
||
cross-platform native apps using web UI. The components run natively in
|
||
the .NET process and render web UI to an embedded web view control using
|
||
a local interop channel. This hybrid approach gives you the best of
|
||
native and the web. Your components can access native functionality
|
||
through the .NET platform, and they render standard web UI. .NET MAUI
|
||
Blazor apps can run anywhere .NET MAUI can (Windows, Mac, iOS, and
|
||
Android).</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Vn6dKN_hTrs">Managing App
|
||
State with Fluxor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-23%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> March 31, 2022 - pp State Management using Fluxor, a
|
||
Flux/Redux library for Blazor.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=lGabdG5Ge8Y">Blazor Basics
|
||
with Identity</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-128%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Mars 14, 2022 - Fritz shows you how to connect
|
||
authentication and authorization to your Blazor app. We’ll focus on how
|
||
to connect a properly configured Microsoft Identity application to your
|
||
Blazor framework.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=7UM6s0QPvRQ">ASP.NET
|
||
Community Standup - Native client apps with Blazor Hybrid</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-88%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Mars 8, 2022 - Join this Blazor Community Standup to
|
||
learn more about using Blazor Hybrid to create cross-platform native
|
||
client apps for Windows, iOS, Android & Mac. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_march_2022">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=zS0y9krXO6E">Building
|
||
beautiful Blazor apps with Tailwind CSS</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-55%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Mars 2, 2022 - Tailwind CSS has been growing in
|
||
popularity for some time. It’s fast becoming one of the top frameworks
|
||
to use when styling applications. It offers a different approach to the
|
||
traditional frameworks like Bootstrap—utility based styling. Rather than
|
||
using prebuilt components—which result in your application looking like
|
||
a lot of others on the web—you can tailor your design by applying small
|
||
focused CSS classes resulting in a unique style for your app. In this
|
||
talk, you will learn how to bring the power of Tailwind CSS to your
|
||
Blazor applications. We’ll start off with an introduction to Tailwind
|
||
and how it differs from other CSS frameworks. Then we’ll get into some
|
||
code and see how we can integrate Tailwind with Blazor. For the rest of
|
||
the time, we’ll explore the various features of Tailwind and see how
|
||
just how beautiful we can make our Blazor app. By Chris Sainty, at the
|
||
NDC Oslo 2021.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Co7QetPYiO4">Best practices
|
||
unit testing Blazor components with bUnit</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-54%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> Mars 1, 2022 - Why create tests of UI components?
|
||
Isn’t UI tests inherently brittle, run slowly, and hard to maintain? By
|
||
Egil Hansen, at the NDC Oslo 2021.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=AYXx5vPFzFo">Learn C# with
|
||
CSharpFritz - Blazor Application Hosting</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-124%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 28, 2022 - You’ve built your Blazor
|
||
application, now where do you run it? In this demo filled session, Fritz
|
||
will talk through Progressive Web Apps, packaging with Docker, and
|
||
deploying your Blazor application to Azure. <a
|
||
href="https://github.com/csharpfritz/csharp_with_csharpfritz">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=Rn8psTi8FBk">Blazor, NET 6,
|
||
and WebAssembly</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-60%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 21, 2022 - Talk by Steve Sanderson at the NDC
|
||
Oslo 2021. .NET 6 is a huge release for Blazor, adding a ton of powerful
|
||
new features for .NET web developers. This talk will be full of demos to
|
||
get you up-to-speed on this hot framework.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=WG4Pp1NGXUw">Building a
|
||
classic adventure game with Blazor</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-88%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> <img
|
||
src="https://img.shields.io/badge/Duration:%20-61%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 14, 2022 - Blazor is a free and open-source
|
||
web framework that enables developers to create web apps using C# and
|
||
HTML. Being a .NET developer as well as a big fan of classic
|
||
point-and-click adventure games, I’ve ported my Game-a-Tron 4000
|
||
adventure game engine to Blazor.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=3o91I6lD-Bo">ASP.NET
|
||
Community Standup - Blazor .NET 7 Roadmap</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-88%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> February 8, 2022 - Find out what’s being planned for
|
||
Blazor in .NET 7. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_february_2022">Community
|
||
links</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=LpoYTZSMeG0">C# Corner .NET
|
||
Conference Day 1</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-390%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> January 24, 2022 - The first day of the conference
|
||
kicks off with a keynote session by Scott Hunter. Day one is focused on
|
||
front-end technologies (Blazor). <a
|
||
href="https://dotnetconference.com">Conference website</a>.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=8gwSU3oaMV8">ASP.NET
|
||
Community Standup - Blazor WebAssembly on .NET 6</a> - <img
|
||
src="https://img.shields.io/badge/Duration:%20-78%20min-%230094FF?style=flat-square&cacheSeconds=maxAge&logo=youtube"
|
||
alt="duration" /> January 11, 2022 - Join Blazor creator Steve Sanderson
|
||
for a special look at Blazor WebAssembly on .NET 6. <a
|
||
href="https://www.theurlist.com/blazor_community_standup_january_2022">Community
|
||
links</a>.</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#videos">2021</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#videos">2020</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#videos">2019</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#videos">2018</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#videos">2017</a>.</li>
|
||
</ul>
|
||
<h2 id="articles">Articles</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://learn.microsoft.com/en-us/visualstudio/releases/2022/release-notes-preview#blazorwasmdebuggerimprovements">Visual
|
||
Studio 2022 Preview release notes</a> - July 9, 2024 - This release
|
||
focuses on quality-of-life enhancements for all developers and
|
||
workloads. When you use Visual Studio, you want to feel empowered and
|
||
productive. That’s why quality-of-life features are so important: they
|
||
make coding a smooth and enjoyable experience, free of unnecessary
|
||
hassles and headaches. We hope you’ll love this update.</li>
|
||
<li><a
|
||
href="https://www.telerik.com/blogs/blazor-basics-blazor-render-modes-net-8">Blazor
|
||
Basics: Blazor Render Modes in .NET 8</a> - June 12, 2024 - This article
|
||
is about the new Blazor render modes in .NET 8, including
|
||
ServerInteractivity, WebAssemblyInteractivity, AutoInteractivity and
|
||
static server-side rendering (SSR).</li>
|
||
<li><a
|
||
href="https://www.slaveoftime.fun/blog/the-usage-of-blazor.diagrams">The
|
||
usage of Blazor.Diagrams</a> - June 11, 2024 - How to use
|
||
Blazor.Diagrams.</li>
|
||
<li><a
|
||
href="https://www.telerik.com/blogs/blazor-net-9-takes-shape-preview-4-highlights">Blazor
|
||
in .NET 9 Takes Shape (Preview 4 Highlights)</a> - June 4, 2024 - .NET 9
|
||
is shaping up ahead of its November 2024 release. Here are the
|
||
highlights for Blazor so far.</li>
|
||
<li><a
|
||
href="https://jonhilton.net/avoiding-blazor-interactivity/">Avoiding
|
||
interactivity with Blazor?</a> - May 29, 2024 - Avoiding interactivity
|
||
with Blazor.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/dotnet-build-2024-announcements/">.NET
|
||
Announcements & Updates from Microsoft Build 2024</a> - May 21, 2024
|
||
- .NET Announcements & Updates from Microsoft Build 2024.</li>
|
||
<li><a
|
||
href="https://blog.lhotka.net/2023/11/28/Per-User-Blazor-8-State">Per-User
|
||
Blazor 8 State</a> - November 28, 2023 - Per-User Blazor 8 State.</li>
|
||
<li><a
|
||
href="https://blog.lhotka.net/2023/10/12/Blazor-8-State-Management">Blazor
|
||
8 State Management</a> - October 12, 2023 - Blazor 8 State
|
||
Management.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-8-rc-2/">ASP.NET
|
||
Core updates in .NET 8 Release Candidate 2</a> - October 10, 2023 - This
|
||
is the last release candidate that we plan to share before the final
|
||
.NET 8 release later this year. Most of the planned features and changes
|
||
for .NET 8 are part of this release candidate and are ready for you to
|
||
try out.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-rc1/">Announcing
|
||
.NET 8 RC1</a> - September 12, 2023 - This release includes a new AOT
|
||
mode for both Android and WASM, System.Text.Json improvements, and Azure
|
||
Managed Identity support for containers. Now is great time to pick up
|
||
and test .NET 8 if you haven’t yet.</li>
|
||
<li><a href="https://www.sitepoint.com/net-blazor-overview/">.NET Blazor
|
||
Overview and Upcoming .NET 8 Changes</a> - September 5, 2023 - This
|
||
article introduces .NET Blazor, a powerful framework that unifies
|
||
client-side and server-side development paradigms and offers enhanced
|
||
performance and improved tooling.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2023/07/13/xaml-blazor.aspx">Silverlight
|
||
Just Won’t Die: ‘XAML for Blazor’ Arrives</a> - July 13, 2023 - Userware
|
||
is using vestiges of the long-gone and sorely missed Microsoft
|
||
Silverlight web-dev platform to power its new “XAML for Blazor”
|
||
offering, which lets .NET developers use markup language within
|
||
client-side Blazor applications.</li>
|
||
<li><a
|
||
href="https://www.syncfusion.com/blogs/post/whats-new-blazor-2023-volume-2.aspx">What’s
|
||
New in Blazor: 2023 Volume 2</a> - July 12, 2023 - New components and
|
||
features added in the Syncfusion Essential Studio 2023 Volume 2 release
|
||
for the Blazor platform.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-8-preview-6/">ASP.NET
|
||
Core updates in .NET 8 Preview 6</a> - July 11, 2023 - .NET 8 Preview 6
|
||
is now available and includes many great new improvements to ASP.NET
|
||
Core. Here’s a summary of what’s new in this preview release: Form model
|
||
binding & validation with server-side rendering, Enhanced page
|
||
navigation & form handling, Preserve existing DOM elements with
|
||
streaming rendering, Interactive rendering with Blazor WebAssembly and
|
||
more.</li>
|
||
<li><a href="https://jonhilton.net/blazor-ssr/">Exploring Blazor Changes
|
||
in .NET 8 - Server Side Rendering (SSR)</a> - July 11, 2023 - This is
|
||
the first in a number of posts where we’ll explore the changes coming
|
||
for Blazor in .NET 8.</li>
|
||
<li><a
|
||
href="https://xaml-for-blazor.com/2023/07/10/introducing-xaml-for-blazor/">Introducing
|
||
XAML for Blazor</a> - July 10, 2023 - Today, we are thrilled to announce
|
||
the release of “XAML for Blazor”, a new Blazor extension by Userware
|
||
that brings the power of XAML to Blazor WebAssembly applications. It
|
||
combines the familiarity and capabilities of XAML with the versatility
|
||
of Blazor, empowering .NET developers to create cutting-edge web
|
||
applications with even greater ease and flexibility.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-8-preview-5/">ASP.NET
|
||
Core updates in .NET 8 Preview 5</a> - June 13, 2023 - .NET 8 Preview 5
|
||
is now available and includes many great new improvements to ASP.NET
|
||
Core. New Blazor Web App project template, Blazor router integration
|
||
with endpoint routing, Blazor Content Security Policy (CSP)
|
||
compatibility and more.</li>
|
||
<li><a
|
||
href="https://www.claudiobernasconi.ch/2023/05/25/8-free-and-open-source-blazor-ui-libraries">8
|
||
Free and Open Source Blazor UI Libraries</a> - May 25, 2023 - List of
|
||
available free and open-source user interface libraries for Blazor
|
||
development.</li>
|
||
<li><a href="https://jonhilton.net/good-blazor-components/">Good
|
||
(Blazor) Components are… ?</a> - May 23, 2023 - Components, done “right”
|
||
carry tremendous potential to speed up your web development, and make
|
||
ongoing maintenance (and development) of your apps much easier. But,
|
||
like any tool, it all depends how you use it.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-8-preview-4/">ASP.NET
|
||
Core updates in .NET 8 Preview 4</a> - May 16, 2023 - .NET 8 Preview 4
|
||
is now available and includes many great new improvements to ASP.NET
|
||
Core. Streaming rendering with Blazor components, Handling form posts
|
||
with Blazor SSR, Route to named elements in Blazor, Webcil packaging for
|
||
Blazor WebAssembly apps and more.</li>
|
||
<li><a
|
||
href="https://www.telerik.com/blogs/big-changes-coming-blazor-dotnet-8">Big
|
||
Changes Coming for Blazor in .NET 8</a> - May 16, 2023 - .NET 8 is
|
||
shaping up to be a significant release for Blazor, and there’s one big
|
||
reason why.</li>
|
||
<li><a
|
||
href="https://dotnet.microsoft.com/en-us/platform/customers/burnrate">BurnRate
|
||
is fueling revenue success with Blazor</a> - May, 2023 - <a
|
||
href="https://dotnet.microsoft.com/en-us/platform/customers">Customer
|
||
success case</a> with BurnRate.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/microsoft-build-2023-and-dotnet/">Join
|
||
the .NET Team at Microsoft Build 2023</a> - April 24, 2023 - Are you
|
||
ready for Build 2023? Microsoft’s premier developer conference is just
|
||
around the corner, and there are several exciting .NET sessions that you
|
||
won’t want to miss.</li>
|
||
<li><a href="https://jonhilton.net/blazor-rendering/">State Hasn’t
|
||
Changed? Why and when Blazor components re-render</a> - April 12, 2023 -
|
||
Sooner or later, as you build out your Blazor UI, you’re going to hit a
|
||
situation where your component isn’t re-rendering when you expect it
|
||
to.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/improvements-auth-identity-aspnetcore-8/">ASP.NET
|
||
Core updates in .NET 8 Preview 3</a> - April 11, 2023 - ASP.NET Core
|
||
updates in .NET 8 Preview 3. Here’s a summary of what’s new in this
|
||
preview release: Server-side rendering with Blazor, Render Razor
|
||
components outside of ASP.NET Core, Sections support in Blazor, Monitor
|
||
Blazor Server circuit activity, SIMD enabled by default for Blazor
|
||
WebAssembly apps and more. See the <a
|
||
href="https://github.com/dotnet/aspnetcore/issues/44984">ASP.NET Core
|
||
roadmap for .NET 8</a>.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2023/04/03/blazor-qa.aspx">How
|
||
to Build Fast and Reusable Blazor Code</a> - April 3, 2023 - Microsoft
|
||
even offers a Build reusable components with Blazor learning module that
|
||
shows how to build a Razor class library that contains Blazor
|
||
components, package a Razor class library for use in other Blazor
|
||
applications, and reference a Razor class library in a Blazor
|
||
application and use its components. Author: Jeffrey T. Fritz.</li>
|
||
<li><a href="https://jonhilton.net/blazor-united/">Blazor United -
|
||
Solving Blazor’s biggest challenges?</a> - February 23, 2023 - There are
|
||
some big changes coming for Blazor in .NET 8 and they look very, very
|
||
promising.</li>
|
||
<li><a
|
||
href="https://kristoffer-strube.dk/post/the-blazor-navigationmanager/">The
|
||
Blazor NavigationManager</a> - February 23, 2023 - The NavigationManager
|
||
is a service that enables developers to programmatically navigate the
|
||
user to different pages or external URIs. In ASP.NET Core 7, there were
|
||
added new features that enable us to parse simple state between pages
|
||
and listen to and intercept navigation. In this post, we will look at
|
||
the basic capabilities of the NavigationManager, present what new
|
||
features were added in ASP.NET Core 7, discuss how it fits into the
|
||
Blazor/.NET ecosystem, and in the end present a scenario that is now
|
||
possible with relative ease using new additions from ASP.NET Core
|
||
7.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-preview-1/">Announcing
|
||
.NET 8 Preview 1</a> - February 21, 2023 - The first preview of .NET 8
|
||
is ready to download. This blog post covers the major themes and goals
|
||
that drive the prioritization and selection of enhancements to develop.
|
||
.NET 8 preview and release candidate builds will be delivered monthly.
|
||
As usual, the final release will be delivered sometime in November at
|
||
.NET Conf.</li>
|
||
<li><a
|
||
href="https://peterlesliemorris.com/azure-active-directory-multitenant-integration-with-blazor-wasm-part-1/">Azure
|
||
Active Directory multitenant integration with Blazor WASM – Part 1</a> -
|
||
February 19, 2023 - This blog is set in two parts. The first describes
|
||
the process of setting up an Azure Active Directory multitenant on
|
||
Azure, and the 2nd part describes how to integrate with a Blazor WASM
|
||
application. <a
|
||
href="https://github.com/mrpmorris/WalkThrough-AzureActiveDirectoryMultiTenant">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/mrpmorris/WalkThrough-AzureActiveDirectoryMultiTenant?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/mrpmorris/WalkThrough-AzureActiveDirectoryMultiTenant?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> .</li>
|
||
<li><a
|
||
href="https://www.telerik.com/blogs/embed-reporting-native-blazor-applications">Embed
|
||
Reporting in Native Blazor Applications</a> - February 14, 2023 - See
|
||
the setup and customization of the newest Progress Telerik Reporting
|
||
viewer, implemented with Telerik UI for Blazor controls with both Blazor
|
||
Wasm and Blazor Server.</li>
|
||
<li><a href="https://blazorise.com/news/release-notes/120">Announcing
|
||
Blazorise 1.2</a> - February 1, 2023 - Release of Blazorise v1.2, which
|
||
brings a number of new features, improvements, and bug fixes to the
|
||
framework.</li>
|
||
<li><a
|
||
href="https://platform.uno/blog/the-state-of-webassembly-2022-and-2023">The
|
||
State of WebAssembly – 2022 and 2023</a> - January 30, 2023 - This
|
||
articles looks at the current state of WebAssembly (wasm). It starts by
|
||
revisiting 2022 developments then he tries to predict where I think
|
||
things will go in 2023.</li>
|
||
<li><a
|
||
href="https://www.syncfusion.com/succinctly-free-ebooks/blazor-webassembly-succinctly">Blazor
|
||
WebAssembly Succinctly - eBook updated</a> - January 30, 2023 - Second
|
||
edition of the eBook “Blazor WebAssembly Succinctly” by Michael
|
||
Washington.</li>
|
||
<li><a href="https://blazorhelpwebsite.com/ViewBlogPost/1065">Playing
|
||
Dynamic Audio In Server Side Blazor</a> - January 28, 2023 - You can
|
||
play dynamic audio in a Blazor Server application and have full control
|
||
over the user interface. <a
|
||
href="https://www.youtube.com/watch?v=TRgYmTNmXT8">YouTube video</a>
|
||
about this article.</li>
|
||
<li><a
|
||
href="https://dev.to/mhrastegari/net-maui-blazor-best-practices-for-mobile-ui-4def">.NET
|
||
MAUI Blazor - Best practices for mobile UI</a> - January 27, 2023 - Both
|
||
Blazor and .NET MAUI are great and Powerful frameworks. Using .NET MAUI,
|
||
you can build fully native cross-platform apps and build web apps
|
||
completely in C# with Blazor. But when you combine them with the MAUI
|
||
Blazor template, you need to know that it should feel like a mobile app,
|
||
not a web page. This articles explains some tips and tricks.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2023/01/26/blazor-united.aspx">Steve
|
||
Sanderson Wows Web-Devs with Peek at ‘Blazor United’ for .NET 8</a> -
|
||
January 26, 2023 - We’ve started some experiments to combine the
|
||
advantages of Razor Pages, Blazor Server and Blazor WebAssembly all into
|
||
one thing.</li>
|
||
<li><a
|
||
href="https://www.meziantou.net/using-dotnet-code-from-javascript-using-webassembly.htm">Using
|
||
.NET code from JavaScript using WebAssembly</a> - January 23, 2023 -
|
||
Blazor WebAssembly allows to run a .NET web application in a browser.
|
||
Starting with .NET 7, you can easily run any .NET method from JavaScript
|
||
without needing the whole Blazor framework. Let’s see how to run a .NET
|
||
method from JavaScript.</li>
|
||
<li><a
|
||
href="https://ysmoradi.medium.com/improve-blazor-startup-process-ux-9461839e00ec">Improve
|
||
Blazor startup process UX</a> - January 21, 2023 - You can do a lot of
|
||
things with Blazor: PWA, SSR, SPA, Hybrid app… the process of how the
|
||
user sees the first page is different for each of these modes.</li>
|
||
<li><a
|
||
href="https://www.meziantou.net/reducing-blazor-application-size-by-providing-custom-icu-data.htm">Reducing
|
||
Blazor WASM size by providing custom ICU data</a> - January 16, 2023 -
|
||
Reducing Blazor WASM size by providing custom ICU data.</li>
|
||
<li><a
|
||
href="https://dvoituron.com/2022/12/22/blazor-custom-elements-react/">Blazor
|
||
Custom Elements in HTML or React</a> - December 22, 2022 - Since version
|
||
7.0 of .NET, Microsoft has enhanced and integrated the ability to create
|
||
<a
|
||
href="https://html.spec.whatwg.org/multipage/custom-elements.html">HTML
|
||
Custom Elements</a>. These custom elements offer developers a way to
|
||
create their own full-featured DOM elements. In Blazor, this allows
|
||
publishing these components to other SPA Frameworks, such as Angular or
|
||
React. More info in the Microsoft documentation.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/build-your-own-podcast-app-with-dotnet-blazor-and-dotnet-maui/">Build
|
||
Your Own Podcast App with .NET 7, Blazor, and .NET MAUI</a> - December
|
||
19, 2022 - The .NET Podcast app was first introduced at .NET Conf 2021
|
||
and recently updated to highlight new features in .NET 7 at the .NET
|
||
Conf 2022 keynote. The podcast app is ready to use sample application
|
||
that showcases .NET, ASP.NET Core, Blazor, .NET MAUI, Azure Container
|
||
Apps, Orleans, Power Platform, Playwright, and more. This post explains
|
||
all the new features and show how we upgraded the .NET Podcast app to
|
||
take advantage of them.</li>
|
||
<li><a
|
||
href="https://blog.jetbrains.com/dotnet/2022/12/15/the-future-of-net-with-wasm/">The
|
||
Future of .NET with WASM</a> - December 15, 2022 - This post is about
|
||
the benefits of using WASM outside the browser and its potential as a
|
||
transformative technology on the server. </li>
|
||
<li><a
|
||
href="https://dev.to/nikiforovall/use-keycloak-as-identity-provider-from-blazor-webassembly-wasm-applications-3an6">Use
|
||
Keycloak as Identity Provider from Blazor WebAssembly (WASM)
|
||
applications</a> - December 8, 2022 - Learn how to integrate with
|
||
Keycloak from Blazor WASM. Create a public client and use built-in
|
||
capabilities of
|
||
Microsoft.AspNetCore.Components.WebAssembly.Authentication that
|
||
integrates with OpenId Connect compliant providers. <a
|
||
href="https://github.com/NikiforovAll/keycloak-authorization-services-dotnet/blob/main/samples/Blazor">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/NikiforovAll/keycloak-authorization-services-dotnet?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/NikiforovAll/keycloak-authorization-services-dotnet?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Brings <a
|
||
href="https://github.com/chartjs/Chart.js">ChartJs</a>.</li>
|
||
<li><a
|
||
href="https://medium.com/fast-design/whats-new-in-the-microsoft-fluent-ui-library-for-blazor-version-2-0-b3ac0eb5d02c">What’s
|
||
new in the Microsoft Fluent UI library for Blazor version 2.0</a> -
|
||
December 5, 2022 - What’s new in the Microsoft Fluent UI library for
|
||
Blazor version 2.0.</li>
|
||
<li><a
|
||
href="https://techcommunity.microsoft.com/t5/windows-dev-appconsult/build-a-web-app-to-manage-a-custom-provider-in-viva-learning/ba-p/3686343#M679">Build
|
||
a web app to manage a custom provider in Viva Learning with Blazor</a> -
|
||
November 29, 2022 - In this post, we’re going to reuse the concepts we
|
||
have learned to build a better experience: a web application, that we
|
||
can use to manage our custom learning provider and its contents. We’ll
|
||
focus on how to implement in a real application some of the peculiar
|
||
features we have learned about these APIs, like the fact that a
|
||
different set of permissions is required based on the type of content
|
||
you’re working with.</li>
|
||
<li><a href="https://blazorise.com/news/release-notes/114">Maintenance
|
||
release: Blazorise 1.1.4</a> - November 24, 2022 - This new Blazorise
|
||
1.1.4 is a hotfix release to solve this and a few other minor issues
|
||
that were fixed in the meantime. Blazorise 1.1.4 is a recommended
|
||
upgrade for all Blazorise 1.1 and Blazorise 1.1.3 users.</li>
|
||
<li><a
|
||
href="https://www.thinktecture.com/blazor/blazor-wasm-debugging-grpc-web/">Blazor
|
||
WebAssembly: Debugging gRPC-Web with Custom Chrome Developer Tools</a> -
|
||
November 17, 2022 - If you are working with Blazor, gRPC is a big issue
|
||
for transferring data from APIs to clients. One issue of developing with
|
||
gRPC-Web is debugging the transmitted data because the data is in an
|
||
efficient binary message format. This article shows you how to solve
|
||
this problem with the help of my NuGet.</li>
|
||
<li><a href="https://blazorise.com/news/release-notes/113">Release:
|
||
Blazorise 1.1.3</a> - November 8, 2022 - This Blazorise version was
|
||
supposed to be just a minor maintenance release. Instead, we got a few
|
||
relatively large features and announcements, with .NET 7 support.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/11/02/blazor-docker.aspx">Containerized
|
||
Blazor: Microsoft Ponders New Client-Side Hosting</a> - November 2, 2022
|
||
- Microsoft is exploring built-in container support for client-side
|
||
Blazor WebAssembly apps. Article on Visual Studio Magazine.</li>
|
||
<li><a
|
||
href="https://www.mikesdotnetting.com/article/361/resize-images-before-uploading-in-blazor-web-assembly">Resize
|
||
images before uploading in Blazor Web Assembly</a> - October 31, 2022 -
|
||
Resize images before uploading in Blazor Web Assembly.</li>
|
||
<li><a
|
||
href="https://laurentkempe.com/2022/10/31/experimenting-with-dotnet-7-wasm-and-wasi-on-docker/">Experimenting
|
||
with .NET 7, WASM, and WASI on Docker</a> - October 31, 2022 - On
|
||
October 24th, Docker announced the support of WASM and WASI in a new
|
||
technical preview release. This articles tries it out and sees how it
|
||
works with .NET 7.</li>
|
||
<li><a
|
||
href="https://chandradev819.com/2022/10/29/how-to-run-blazor-project-everywhere-using-razor-class-library/">How
|
||
to run Blazor project everywhere using Razor Class Library ?</a> -
|
||
October 29, 2022 - One of the cool features of Blazor is code
|
||
reusability. Using Razor Class Library, we can use our Razor component
|
||
in all blazor type project like Blazor Server, WASM and MAUI
|
||
Hybrid.</li>
|
||
<li><a
|
||
href="https://laurentkempe.com/2022/10/29/using-wasm-and-wasi-to-run-dotnet-7-on-a-raspberry-pi-zero-2-w/">Using
|
||
WASM and WASI to run .NET 7 on a Raspberry PI Zero 2 W</a> - October 29,
|
||
2022 - This post will show you how to run .NET 7 on a Raspberry PI Zero
|
||
2 W using WASM and WASI.</li>
|
||
<li><a
|
||
href="https://www.docker.com/blog/docker-wasm-technical-preview/">Introducing
|
||
the Docker+Wasm Technical Preview</a> - October 24, 2022 - The Technical
|
||
Preview of Docker+Wasm is now available! Wasm has been producing a lot
|
||
of buzz recently, and this feature will make it easier for you to
|
||
quickly build applications targeting Wasm runtimes.</li>
|
||
<li><a
|
||
href="https://medium.com/@fanekkie/part-1-ui-driven-by-elsa-workflows-6d0e868ea6c">Part
|
||
1 - UI driven by Elsa Workflows</a> - October 12, 2022 - This series
|
||
describes the implementation of a User Interface driven by an Elsa
|
||
workflow engine.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-rc-2/">ASP.NET
|
||
Core updates in .NET 7 Release Candidate 2</a> - October 11, 2022 - .NET
|
||
7 Release Candidate 2 (RC2) is now available and includes many great new
|
||
improvements to ASP.NET Core and Blazor: improved diagnostics for
|
||
authentication in Blazor WebAssembly and WebAssembly multithreading
|
||
(experimental).</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/10/11/blazor-webassembly-net7.aspx">No
|
||
Need to Wait for .NET 8 to Try Experimental WebAssembly
|
||
Multithreading</a> - October 11, 2022 - Multithreading support for
|
||
client-side Blazor WebAssembly apps is planned for .NET 8 in November
|
||
2023, but developers can try it out now for .NET apps thanks to
|
||
experimental functionality in the brand-new .NET 7 Release Candidate
|
||
2.</li>
|
||
<li><a href="https://jonhilton.net/blazor-custom-elements/">Using .NET
|
||
7’s Blazor Custom Elements to render dynamic content</a> - October 5,
|
||
2022 - Using .NET 7’s Blazor Custom Elements to render dynamic content,
|
||
by Jon Hilton.</li>
|
||
<li><a
|
||
href="https://techcommunity.microsoft.com/t5/healthcare-and-life-sciences/creating-a-generic-tree-view-blazor-component/ba-p/3640237">Creating
|
||
a Generic Tree View Blazor Component</a> - October 4, 2022 - This
|
||
article shows off a Blazor component that can display an object
|
||
recursively in a tree view. The component was made as part as a project,
|
||
FHIR Watch, a tool for comparing FHIR data from two different data
|
||
sources: FHIR API Service and Dataverse. As such, it is particularly
|
||
useful for displaying FHIR data.</li>
|
||
<li><a
|
||
href="https://jasontaylor.dev/clean-architecture-solution-template-for-blazor-webassembly/">Clean
|
||
Architecture Solution Template for Blazor WebAssembly</a> - September
|
||
30, 2022 - This post shows how to install the new template, create and
|
||
run a new app using the template, and then I’ll share some recommended
|
||
resources.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/09/20/aspnet-core-updates.aspx">WebAssembly
|
||
Steals the ASP.NET Core Show in .NET 7 RC1</a> - September 20, 2022 -
|
||
WebAssembly, the open source tech that makes client-side Blazor work,
|
||
was the star of the ASP.NET Core show in the new <a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-rc-1/">ASP.NET
|
||
Core updates in .NET 7 Release Candidate 1</a>.</li>
|
||
<li><a
|
||
href="https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_7_sold_walls_doors_and_csharp_observations/">C#
|
||
/ Blazor Wolfenstein - Part 7 - Solid Walls, Doors and C#
|
||
Observations</a> - September 20, 2022 - Part 7 of the articles
|
||
explaining how port the game Wolfenstein 3D on C# and Blazor. <a
|
||
href="https://github.com/JamesRandall/csharp-wolfenstein">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" />.</li>
|
||
<li><a
|
||
href="https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_6_the_basic_raycaster/">C#
|
||
/ Blazor Wolfenstein - Part 6 - The Basic Raycaster</a> - September 18,
|
||
2022 - Part 6 of the articles explaining how port the game Wolfenstein
|
||
3D on C# and Blazor. <a
|
||
href="https://github.com/JamesRandall/csharp-wolfenstein">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/JamesRandall/csharp-wolfenstein?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" />.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-rc-1/">ASP.NET
|
||
Core updates in .NET 7 Release Candidate 1</a> - September 14, 2022 -
|
||
.NET 7 Release Candidate 1 (RC1) is now available and includes many
|
||
great new improvements to ASP.NET Core.</li>
|
||
<li><a
|
||
href="https://dev.to/j_sakamoto/why-cant-your-blazor-webassembly-pwa-with-offline-support-update-even-though-you-reload-it-31ho">Why
|
||
can’t your Blazor WebAssembly PWA with offline support update even
|
||
though you reload it?</a> - September 7, 2022 - Please imagine the case
|
||
that you have a Blazor WebAssembly PWA site that supports offline mode,
|
||
and you’ve been opening that PWA by a web browser. If you published a
|
||
new version of that PWA, you might want to verify it, I guess. In this
|
||
case, you will reload the page on that web browser. However, you might
|
||
never see the contents of the new version unexpectedly even though you
|
||
hard-reload it.</li>
|
||
<li><a
|
||
href="https://jasontaylor.dev/implement-openapi-support-for-blazor-webassembly/">Implement
|
||
OpenAPI Support for Blazor WebAssembly</a> - September 2, 2022 - OpenAPI
|
||
is a language-agnostic specification for documenting RESTful APIs. It
|
||
allows both humans and computers to understand the capabilities of a
|
||
service without accessing code, docs, or using other methods. Hosted
|
||
Blazor WebAssembly apps include an ASP.NET Core backend for file and API
|
||
access, and so implementing support for OpenAPI provides numerous
|
||
benefits.</li>
|
||
<li><a
|
||
href="https://khalidabuhakmeh.com/troubleshooting-dotnet-blazor-wasm-debugging">Troubleshooting
|
||
.NET Blazor WASM Debugging</a> - August 30, 2022 - Troubleshooting .NET
|
||
Blazor WASM Debugging.</li>
|
||
<li><a href="https://kymphillpotts.com/maui-ui-july.html">ClassFly UI -
|
||
XAML vs Blazor - Part 1 - XAML</a> - July 23, 2022 - This serie of
|
||
article compares the approaches of XAML vs Blazor. The same application
|
||
will be create using XAML and Blazor to discover the pros and cons. The
|
||
part 1 focuses on XAML.</li>
|
||
<li><a
|
||
href="https://anthonychu.ca/post/blazor-auth-azure-static-web-apps/">Authenticate
|
||
Blazor WebAssembly with Azure Static Web Apps</a> - July 22, 2022 -
|
||
Azure Static Web Apps is a great place to host Blazor WebAssembly apps.
|
||
Among Static Web Apps’ many features, it has built-in support for
|
||
authentication using social logins. In this article, we’ll look at how
|
||
we can take advantage of Static Web Apps Authentication in our Blazor
|
||
WebAssembly apps. By Anthony Chu, from Microsoft.</li>
|
||
<li><a
|
||
href="https://engstromjimmy.com/post/2022-07-21-ShareBlazorComponentsUsingDi">Share
|
||
Blazor components using dependency injection</a> - July 19, 2022 - Share
|
||
Blazor components using dependency injection.</li>
|
||
<li><a
|
||
href="https://www.meziantou.net/using-iasyncenumerable-in-a-razor-component.htm">Using
|
||
IAsyncEnumerable in a Razor component</a> - July 18, 2022 - Using
|
||
IAsyncEnumerable in a Razor component.</li>
|
||
<li><a
|
||
href="https://dev.to/dotnet/blazor-sticker-giveaway-try-the-new-blazor-guide-in-visual-studio-4c8b">Blazor
|
||
Sticker Giveaway</a> - July 15, 2022 - Try the new Blazor Guide in
|
||
Visual Studio. Read on to learn about how to give it a try and for a
|
||
chance to receive a sticker.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-preview-6/">ASP.NET
|
||
Core updates in .NET 7 Preview 6</a> - July 12, 2022 - .NET 7 Preview 6
|
||
is now available and includes many great new improvements to ASP.NET
|
||
Core. Blazor custom elements no longer experimental, experimental
|
||
QuickGrid component for Blazor, System.Security.Cryptography support on
|
||
WebAssembly, empty Blazor project templates and more. For more details
|
||
on the ASP.NET Core work planned for .NET 7 see the full <a
|
||
href="https://aka.ms/aspnet/roadmap">ASP.NET Core roadmap for .NET 7</a>
|
||
on GitHub.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/06/29/uno-platform-4-4.aspx">Uno
|
||
Platform Does WebAssembly Threading Months Ahead of .NET 7</a> - June
|
||
29, 2022 - Uno Platform Does WebAssembly Threading Months Ahead of .NET
|
||
7, by David Ramel for Visual Studio Magazine.</li>
|
||
<li><a
|
||
href="https://dev.to/j_sakamoto/3-reasons-why-ive-created-yet-another-library-for-the-downloading-on-blazor-apps-2cpk">3
|
||
reasons why I’ve created yet another library for the downloading on
|
||
Blazor apps</a> - June 29, 2022 - 3 reasons why I’ve created yet another
|
||
library for the downloading on Blazor apps.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/06/24/blazor-webassembly.aspx">Blazor
|
||
Posts Biggest Gain in WebAssembly Usage: Report</a> - June 24, 2022 -
|
||
Blazor Posts Biggest Gain in WebAssembly Usage: Report, by David Ramel
|
||
for Visual Studio Magazine.</li>
|
||
<li><a
|
||
href="https://engstromjimmy.com/post/2022-06-21-RavenTimeseries">Implementing
|
||
RavenDB time series in a Blazor project</a> - June 21, 2022 -
|
||
Implementing RavenDB time series in a Blazor project.</li>
|
||
<li><a
|
||
href="https://medium.com/fast-design/whats-new-in-the-microsoft-fluent-ui-library-for-blazor-versions-1-3-and-1-4-4c3ea55a4b56">What’s
|
||
new in the Microsoft Fluent UI library for Blazor versions 1.3 and
|
||
1.4</a> - June 9, 2022 - The FAST team and friends have been hard at
|
||
work not only on Microsoft’s core Web Components platform, but also on
|
||
Fluent UI integrations for Blazor. This post will give you an overview
|
||
of what’s new and changed in versions 1.3 and 1.4 of the <a
|
||
href="https://www.nuget.org/packages/Microsoft.Fast.Components.FluentUI/">Microsoft
|
||
Fluent UI Blazor library</a>.</li>
|
||
<li><a
|
||
href="https://www.syncfusion.com/blogs/post/a-full-stack-web-app-using-blazor-webassembly-and-graphql-part-3.aspx">A
|
||
Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 3</a> -
|
||
June 8, 2022 - A Full-Stack Web App Using Blazor WebAssembly and
|
||
GraphQL: Part 3. <a
|
||
href="https://www.syncfusion.com/blogs/post/a-full-stack-web-app-using-blazor-webassembly-and-graphql-part-1.aspx">Part
|
||
1</a>.</li>
|
||
<li><a
|
||
href="https://www.thinktecture.com/blazor/dependency-injection-scopes-in-blazor/">Dependency
|
||
Injection Scopes in Blazor</a> - May 31, 2022 - The dependency injection
|
||
system is a big part of how modern ASP.NET Core works internally: It
|
||
provides a flexible solution for developers to structure their projects,
|
||
decouple their dependencies, and control the lifetimes of the components
|
||
within an application. In Blazor - a new part of ASP.NET Core - however,
|
||
the DI system feels a bit odd, and things seem to work a bit differently
|
||
than expected. This article will explain why this is not only a feeling
|
||
but indeed the case in the first place and how to handle the differences
|
||
in order to not run into problems later on.</li>
|
||
<li><a
|
||
href="https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-preview-4">ASP.NET
|
||
Core updates in .NET 7 Preview 4</a> - May 10, 2022 - .NET 7 Preview 4
|
||
is now available and includes many great new improvements to ASP.NET
|
||
Core. Article by Dan Roth from Microsoft.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/05/09/qa-blazor-deep-dive.aspx">Q&A:
|
||
Deep Dive on Blazor</a> - May 9, 2022 - Q&A: Deep Dive on Blazor, on
|
||
Visual Studio Magazine.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/05/06/syncfusion-v1.aspx">Syncfusion
|
||
Essential Studio Release Enhances .NET MAUI, WinUI, Blazor and More</a>
|
||
- May 6, 2022 - Syncfusion Essential Studio Release Enhances .NET MAUI,
|
||
WinUI, Blazor and More, on Visual Studio Magazine.</li>
|
||
<li><a href="https://jonhilton.net/blazor-deep-linking/">Use the Query
|
||
String to pass an array of selected values between Blazor Pages</a> -
|
||
April 28, 2022 - Use the Query String to pass an array of selected
|
||
values between Blazor Pages.</li>
|
||
<li><a
|
||
href="https://www.ledjonbehluli.com/posts/blazor_wasm_nginx_docker/">Containerizing
|
||
Blazor WASM, ASPNET Core WebApi, NGINX & Let’s Encrypt</a> - April
|
||
26, 2022 - Guide on containerizing a complex system composed from
|
||
multiple Blazor WASM apps, ASPNET Core Web Api, NGINX & Let’s
|
||
Encrypt SSL certificates.</li>
|
||
<li><a
|
||
href="https://www.thinktecture.com/blazor/ef-core-and-sqlite-in-browser/">Blazor
|
||
WebAssembly: The Power Of EF Core And SQLite In The Browser</a> - April
|
||
12, 2022 - Sneak Preview how to use SQLite and EF Core in the browser
|
||
with Blazor WebAssembly.</li>
|
||
<li><a
|
||
href="https://dev.to/florianrappl/mastering-blazor-part-1-dom-integration-5591">Mastering
|
||
Blazor - Part 1: DOM Integration</a> - March 31, 2022 - Mastering Blazor
|
||
- Part 1: DOM Integration.</li>
|
||
<li><a href="https://jonhilton.net/conditional-blazor-css/">Conditional
|
||
Blazor Styles (without the if statements)</a> - March 24, 2022 -
|
||
Conditional Blazor Styles (without the if statements).</li>
|
||
<li><a
|
||
href="https://dev.to/kasuken/securing-a-blazor-webassembly-hosted-apps-with-azure-active-directory-part-1-382d">Securing
|
||
a Blazor WebAssembly Hosted Apps with Azure Active Directory</a> - March
|
||
18, 2022 - Securing a Blazor WebAssembly Hosted Apps with Azure Active
|
||
Directory. <a
|
||
href="https://dev.to/kasuken/securing-a-blazor-webassembly-hosted-apps-with-azure-active-directory-part-2-1ppd">Part
|
||
2</a>.</li>
|
||
<li><a
|
||
href="https://www.syncfusion.com/blogs/post/a-full-stack-web-app-using-blazor-webassembly-and-graphql-part-1.aspx">A
|
||
Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 1</a> -
|
||
February 17, 2022 - This article shows how to create a full-stack web
|
||
application using Blazor WebAssembly and GraphQL with SQL Server as our
|
||
database.</li>
|
||
<li><a
|
||
href="https://visualstudiomagazine.com/articles/2022/02/10/blazor-hybrid-net-7.aspx">What’s
|
||
Coming for Blazor Hybrid in .NET 7</a> - February 10, 2022 - What’s
|
||
Coming for Blazor Hybrid in .NET 7, Visual Studio Magazine.</li>
|
||
<li><a href="https://jonhilton.net/tailwind3-blazor/">Use Tailwind’s new
|
||
JIT mode when developing Blazor applications</a> - January 19, 2022 -
|
||
Use Tailwind’s new JIT mode when developing Blazor applications.</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#articles">2021</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#articles">2020</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#articles">2019</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#articles">2018</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#articles">2017</a>.</li>
|
||
</ul>
|
||
<h2 id="podcasts">Podcasts</h2>
|
||
<ul>
|
||
<li><a href="https://www.dotnetrocks.com/details/1903">MAUI and Blazor
|
||
with Beth Massi</a> - June 20, 2024 - What’s up with MAUI and Blazor?
|
||
Carl and Richard chat with Beth Massi about the latest MAUI, including
|
||
the new webview available on GitHub that lets you embed an existing web
|
||
page into your MAUI app. Beth talks about making apps the way you want
|
||
to - with a mobile, web, or desktop focus - or making them all! Mixing
|
||
Blazor and MAUI means you can steer clear of XAML if you prefer. There’s
|
||
no right way to build your clients, and MAUI gives you many choices.
|
||
Duration: 45 minutes.</li>
|
||
<li><a
|
||
href="http://azuredevopspodcast.clear-measure.com/chris-sainty-blazor-in-action-episode-238">Chris
|
||
Sainty: Blazor in Action - Azure DevOps Episode 238</a> - March 27, 2023
|
||
- Chris is a Microsoft MVP, author, and software engineer with over 17
|
||
years of experience with ASP.NET. Passionate about sharing his knowledge
|
||
with the community, he regularly writes both for his own blog as well as
|
||
others — such as Visual Studio magazine, Progress Telerik, and
|
||
StackOverflow. This passion for blogging led to his first book, Blazor
|
||
in Action, a practical guide to building Blazor applications. He also
|
||
maintains several popular open-source projects under the GitHub
|
||
organization, Blazored. When not tapping on a keyboard, Chris is a keen
|
||
speaker, having delivered talks at both user groups and conferences all
|
||
over the world. Duration: 41 minutes.</li>
|
||
<li><a href="https://www.dotnetrocks.com/details/1838">.NET Rocks -
|
||
Blazor United with Javier Nelson and Steve Sanderson</a> - March 23,
|
||
2023 - What if you didn’t have to choose between client-side and
|
||
server-side Blazor? Carl and Richard talk to Javier Nelson and Steve
|
||
Sanderson about Blazor United in its early stages of development,
|
||
providing flexibility at the web component level for client- and
|
||
server-side rendering. At the simplest level, Blazor United offers
|
||
server-side rendering when a site is first hit so that you can load the
|
||
larger client-side components over time. But deeper is the idea that
|
||
some elements on your web page benefit from being client-side, and some
|
||
from being server-side, and why should you have to choose only one?
|
||
Duration: 53 minutes.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=1r3FwkUEte0">Steve
|
||
Sanderson - Blazor, WASI and optimizing tomatoes</a> - July 17, 2022 -
|
||
At NDC London we sat down with Steve Sanderson and talked about the
|
||
origin story of Blazor, some of the upcoming things in .NET 7, and what
|
||
Steve is working on right now. Duration: 35 minutes.</li>
|
||
<li><a href="https://www.dotnetrocks.com/default.aspx?ShowNum=1801">WASM
|
||
Everywhere with Steve Sanderson</a> - July 7, 2022 - WebAssembly is
|
||
awesome - what else can you do with it? While at NDC London, Carl and
|
||
Richard talked to Steve Sanderson about his work with WebAssembly,
|
||
including Blazor. Steve talks about how WebAssembly continues to evolve
|
||
adding WebAssembly System Integration. This opens the door to the idea
|
||
that code in the WebAssembly can be run anywhere - any operating system,
|
||
any language, using whatever compute is available. That gives an option
|
||
to run code on the client, the server, and anywhere in between.
|
||
Duration: 55 minutes.</li>
|
||
<li><a
|
||
href="https://www.dotnetrocks.com/default.aspx?ShowNum=1796">Indexing
|
||
Video using KlipTok with Jeff Fritz</a> - June 2, 2022 - How do you find
|
||
a great video clip after the fact? Carl and Richard talk to Jeff Fritz
|
||
about his work building KlipTok, a tool for making Twitch video clips
|
||
more discoverable and shareable. Jeff digs into the tricky bits of
|
||
KlipTok, which is all about fast indexing and searching to get to the
|
||
right clip. The conversation digs into various data storage techniques
|
||
and using the cloud in a way that doesn’t break the bank. Jeff may be a
|
||
Microsoft employee, but that doesn’t mean he uses only Microsoft tools
|
||
for his projects. Duration: 57 minutes.</li>
|
||
<li><a
|
||
href="https://herdingcode.com/herding-code-246-david-ortinau-on-net-maui/">David
|
||
Ortinau on .NET MAUI</a> - May 27, 2022 - Jon Galloway talks to David
|
||
Ortinau about <a
|
||
href="https://docs.microsoft.com/en-us/dotnet/maui/what-is-maui">.NET
|
||
MAUI</a>. Duration: 41 minutes. <a
|
||
href="https://www.youtube.com/watch?v=OyqzWAivI7I">YouTube
|
||
video</a>.</li>
|
||
<li><a
|
||
href="https://unhandledexceptionpodcast.com/posts/0037-build/">The
|
||
Unhandled Exception Podcast: Microsoft Build 2022</a> - May 25, 2022 -
|
||
Microsoft have just had their annual Build conference - which comes with
|
||
a whole host of exciting announcements and discussions about hot
|
||
programming topics in the Microsoft developer space. And each year, I
|
||
long for a podcast episode to come out straight after Build, overviewing
|
||
them! Well, this year - this podcast aims to do just that! In this
|
||
episode, I was joined by both Scott Hunter and Gaurav Seth to chat about
|
||
various topics. Check out the links below for a guide to what we
|
||
discussed. Duration: 71 minutes.</li>
|
||
<li><a
|
||
href="https://unhandledexceptionpodcast.com/posts/0036-andrewlock/">ASP.NET,
|
||
Blogging, Kuberetes, and more</a> - May 10, 2022 - The Unhandled
|
||
Exception Podcast with Andrew Lock (andrewlock.net). He’s the author of
|
||
the Manning ebook, ASP.NET Core in Action, Second Edition. This episode
|
||
covers a lot - from the different flavours of ASP.NET, to Kubernetes,
|
||
Blazor, gRPC, testing, Minimal API, MediatR and more.</li>
|
||
<li><a
|
||
href="https://dotnetcore.show/episode-93-umbraco-heartcore-and-blazor-with-poornima-nayar/">Umbraco
|
||
Heartcore and Blazor with Poornima Nayar</a> - May 4, 2022 - In this
|
||
episode we talked with Poornima Nayar about Umbraco Heartcore and where
|
||
you might use it, Blazor, a little on GraphQL and how it fits very well
|
||
with mobile apps which communicate with remote APIs. Duration: 59
|
||
minutes.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=IF_7DPddmcs">In The Core of
|
||
Blazor</a> - February 12, 2022 - Steve Sanderson talks about his journey
|
||
into tech, his life, education, career and everything else in between.
|
||
Duration: 73 minutes.</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#podcasts">2021</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#podcasts">2020</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#podcasts">2019</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#podcasts">2018</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#podcasts">2017</a>.</li>
|
||
</ul>
|
||
<h2 id="presentations-slides">Presentations slides</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.slideshare.net/PGallagher69/using-net-5-with-the-raspberry-pi">Using
|
||
.NET 5 with the Raspberry Pi</a> - January 28, 2021 - Using .NET 5 with
|
||
the Raspberry Pi, on Slideshare.</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#presentations-slides">2020</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#presentations-slides">2019</a>,
|
||
<a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#presentations-slides">2018</a>.</li>
|
||
</ul>
|
||
<h2 id="tooling">Tooling</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/ionoy/LiveSharp">LiveSharp</a> - <img
|
||
src="https://img.shields.io/github/stars/ionoy/LiveSharp?style=flat-square&cacheSeconds=604800"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/ionoy/LiveSharp?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Update <code>.razor</code> files and see the
|
||
updates instantly without reloading the page. Your application state is
|
||
preserved because there is no need to reload anything. <a
|
||
href="https://www.livesharp.net/">livesharp.net</a>.</li>
|
||
<li><a href="https://blazorfiddle.com">BlazorFiddle</a> - Blazor .Net
|
||
Developer Playground and Code Editor in the Browser.</li>
|
||
<li><a href="https://github.com/jsakamoto/BlazorMinimumTemplates">Blazor
|
||
Minimum Project Templates</a> - <img
|
||
src="https://img.shields.io/github/stars/jsakamoto/BlazorMinimumTemplates?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/BlazorMinimumTemplates?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub last commit" /> A project templates package of Blazor apps
|
||
without JavaScript and CSS libraries.</li>
|
||
<li><a href="https://github.com/BlazorRepl/BlazorRepl">Blazor REPL</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/BlazorRepl/BlazorRepl?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/BlazorRepl/BlazorRepl?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub last commit" /> Write, compile, execute and share Blazor
|
||
components entirely in the browser - https://blazorrepl.com.</li>
|
||
<li><a
|
||
href="https://marketplace.visualstudio.com/items?itemName=ScottSauber.blazorsnippets">Blazor
|
||
Snippets Visual Studio Code extension</a> - A Visual Studio Code
|
||
extension that offers Blazor and Razor snippets.</li>
|
||
<li><a
|
||
href="https://github.com/jsakamoto/BlazorWasmPreRendering.Build">Publish-time
|
||
Pre-render for Blazor Wasm</a> - <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/BlazorWasmPreRendering.Build?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> When you publish your Blazor WebAssembly app, this
|
||
package pre-renders and saves the app as static HTML files in your
|
||
public folder.</li>
|
||
<li><a
|
||
href="https://github.com/jsakamoto/PublishSPAforGitHubPages.Build">Publish
|
||
SPA for GitHub Pages</a> - <img
|
||
src="https://img.shields.io/github/last-commit/jsakamoto/PublishSPAforGitHubPages.Build?style=flat-square&cacheSeconds=86400"
|
||
alt="last commit" /> Add this NuGet package to your Blazor WebAssembly
|
||
project to easily publish it to GitHub Pages.</li>
|
||
<li><a href="https://github.com/excubo-ag/WebCompiler">WebCompiler</a> -
|
||
<img
|
||
src="https://img.shields.io/github/stars/excubo-ag/WebCompiler?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/excubo-ag/WebCompiler?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub last commit" /> A dotnet global tool for compilation,
|
||
minification, and compression of scss, css and js.</li>
|
||
<li><a href="https://www.microsoft.com/net/download/dotnet-core">.NET
|
||
Core</a> - .NET Core.</li>
|
||
<li><a
|
||
href="https://marketplace.visualstudio.com/items?itemName=austincummings.razor-plus">Razor+
|
||
Visual Studio Code extension</a> - A Visual Studio Code extension that
|
||
offers improved Razor support.</li>
|
||
<li><a
|
||
href="https://github.com/capslock66/Tracetool#Blazor-client--server">Tracetool</a>
|
||
- <img
|
||
src="https://img.shields.io/github/stars/capslock66/Tracetool?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/capslock66/Tracetool?style=flat-square&cacheSeconds=86400"
|
||
alt="GitHub last commit" /> Tracetool viewer, client Api for Dotnet,
|
||
Java, Javasvript, C++ , Python, Delphi.</li>
|
||
<li><a href="https://www.visualstudio.com/vs/preview">Visual Studio</a>
|
||
- Latest preview of Visual Studio.</li>
|
||
<li><a href="https://code.visualstudio.com/">Visual Studio Code</a> -
|
||
Visual Studio Code, free, open source and cross-platform code
|
||
editor.</li>
|
||
</ul>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://learning.oreilly.com/library/view/learning-blazor/9781098113230">Learning
|
||
Blazor</a> - Build Single-Page Apps with WebAssembly and C# (By David
|
||
Pine via O’Reilly Early Release February 3rd, 2022).</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Microsoft-Blazor-Building-Applications-Beyond/dp/1484278445">Microsoft
|
||
Blazor: Building Web Applications in .NET 6 and Beyond</a> - A practical
|
||
and hands-on approach to learning Blazor using .NET 6. (3rd ed. edition
|
||
(December 8, 2021).</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Blazor-WebAssembly-Example-project-based-building-ebook/dp/B095X7FH6M">Blazor
|
||
WebAssembly by Example</a> - Blazor WebAssembly by Example: A
|
||
project-based guide to building web apps with .NET, Blazor WebAssembly,
|
||
and C# (1st edition published the July 9th, 2021).</li>
|
||
<li><a href="https://www.manning.com/books/blazor-in-action">Blazor in
|
||
Action</a> - An example-driven guide to building reusable UI components
|
||
and web frontends—all with Blazor, C#, and .NET. (Manning Early Access
|
||
Program began October 2020).</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Microsoft-Blazor-Building-Applications-NET/dp/1484259270/ref=pd_sbs_2/144-0745230-5007239?pd_rd_w=LPinn&pf_rd_p=3676f086-9496-4fd7-8490-77cf7f43f846&pf_rd_r=V7CQTYC0W8RZAVPVVXA1&pd_rd_r=b34ab9d9-09dd-4eca-9207-f56311bde8d2&pd_rd_wg=9V1tA&pd_rd_i=1484259270&psc=1">Microsoft
|
||
Blazor: Building Web Applications in .NET</a> - Microsoft Blazor:
|
||
Building Web Applications in .NET (Second edition published in May
|
||
2020).</li>
|
||
<li><a href="https://www.apress.com/gp/book/9781484243428">Blazor
|
||
Revealed</a> - Blazor Revealed, Building Web Applications in .NET
|
||
(Published February, 2019).</li>
|
||
<li><a
|
||
href="https://www.amazon.in/gp/product/178934414X/ref=awesome_blazor">Blazor
|
||
Quick Start Guide: Build web applications using Blazor, EF Core, and SQL
|
||
Server</a> - Blazor Quick Start Guide: Build web applications using
|
||
Blazor, EF Core, and SQL Server (Published October 31, 2018).</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Building-Blazor-Applications-Developers-Guide/dp/B0DDBG4S3Q/ref=sims_dp_d_dex_ai_speed_loc_mtl_v5_t1_d_sccl_1_2/136-3795973-8719321?pd_rd_w=coqfA&content-id=amzn1.sym.da3a5e11-8f5f-413b-a68b-31ceac43c758&pf_rd_p=da3a5e11-8f5f-413b-a68b-31ceac43c758&pf_rd_r=9Q8447GTE9QT4WTPH5Z6&pd_rd_wg=IAqx1&pd_rd_r=ff570237-8604-4432-b4cd-a726ce880b23&pd_rd_i=B0DDBG4S3Q&psc=1">Building
|
||
Blazor Applications: A Developer’s Guide</a> - Building Blazor
|
||
Applications: A Developer’s Guide (Published August 14, 2024).</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Mastering-Blazor-UI-Components-Strategies/dp/B0DG2RJD1R/ref=sr_1_1?crid=SK6RU9T2BOGD&dib=eyJ2IjoiMSJ9.s5wnoFiu-YggQzMUNkXdPUUkrmyKJs-ffmHU1vbgjlJYGeFcYE04oohzd7hcoj9zCTyfe-R07XyKNQvyU5t7Mw.NRJ3TXh3AQZpXwXQmV5IoCPC9y1T-ybHWaoO9G9DvFY&dib_tag=se&keywords=blazor+gallivan&qid=1728060552&s=books&sprefix=blazor+gallivan%2Cstripbooks%2C127&sr=1-1">Mastering
|
||
Blazor UI: Advanced Custom Components and Design Strategies</a> -
|
||
Mastering Blazor UI: Advanced Custom Components and Design Strategies
|
||
(Published September 3, 2024).</li>
|
||
</ul>
|
||
<h2 id="e-books">E-Books</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.syncfusion.com/ebooks/blazor_webassembly_succinctly">Blazor
|
||
WebAssembly Succinctly</a> - August 31, 2020 - Blazor is a framework for
|
||
creating SPA webpages with either client-side or server-side
|
||
architectures, using Razor technology written with the C# language.
|
||
Because client-side Blazor with WebAssembly executes entirely on a
|
||
user’s browser, it’s very fast for many applications. In Blazor
|
||
WebAssembly Succinctly, Michael Washington will take readers through the
|
||
core elements of Blazor and then explore additional features by building
|
||
a sample application. Free e-book.</li>
|
||
<li><a href="https://www.syncfusion.com/ebooks/blazor-succinctly">Blazor
|
||
Succinctly</a> - April 16, 2020 - A free e-book for starting with the
|
||
Blazor framework.</li>
|
||
<li><a
|
||
href="https://www.telerik.com/campaigns/blazor/wp-beginners-guide-ebook">Blazor,
|
||
A Beginners Guide</a> - March 18, 2020 - A free e-book for getting
|
||
started with the Blazor framework. <a
|
||
href="https://github.com/EdCharbeneau/BlazorBookExamples">Examples
|
||
source code</a>.</li>
|
||
<li><a
|
||
href="https://dotnet.microsoft.com/learn/aspnet/architecture#blazor-for-web-forms-devs-ebook-swim">Blazor
|
||
for ASP.NET Web Forms developers</a> - Blazor for ASP.NET Web Forms
|
||
developers, a free e-book from Microsoft.</li>
|
||
<li><a
|
||
href="https://store.lhotka.net/using-csla-5-blazor-and-webassembly">Using
|
||
CSLA 5: Blazor and WebAssembly</a> - This book covers the new Blazor UI
|
||
framework, including how to create server-side and client-side
|
||
WebAssembly projects, how to implement authentication and authorization,
|
||
and how to use data binding. It then covers how CSLA .NET supports
|
||
Blazor, including walking through a complete sample app.</li>
|
||
<li><a
|
||
href="https://www.amazon.com/Introduction-Building-Applications-Blazor-applications-ebook/dp/B07WPQTT6H">An
|
||
Introduction to Building Applications with Blazor</a> - August 24, 2019
|
||
- An Introduction to Building Applications with Blazor: How to get
|
||
started creating applications using this exciting easy to use Microsoft
|
||
C# framework</li>
|
||
<li><a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives">Archives</a>
|
||
- <a
|
||
href="https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#e-books">2018</a>.</li>
|
||
</ul>
|
||
<h2 id="courses">Courses</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://docs.microsoft.com/learn/modules/build-blazor-webassembly-visual-studio-code/">Build
|
||
a web app with Blazor WebAssembly and Visual Studio Code</a> - Build a
|
||
web app with Blazor WebAssembly and Visual Studio Code, on Microsoft
|
||
Learn.</li>
|
||
<li><a
|
||
href="https://www.udemy.com/course/devops-and-docker-support-for-net-core-blazor/?ranMID=39197&ranEAID=w6JuN00t%2Fzo&ranSiteID=w6JuN00t_zo-Kv09UYco3AqwmZkipiMIXw&utm_source=aff-campaign&LSNPUBID=w6JuN00t%2Fzo&utm_medium=udemyads">DevOps
|
||
and Docker Support for .NET Core Blazor Applications</a> - June 2020 -
|
||
DevOps and Docker Support for .NET Core Blazor Applications, on Udemy.
|
||
This Docker Support Course with DevOps concepts using ASP.NET Core
|
||
Blazor will teach you Dockerisation of Blazor Apps.</li>
|
||
<li><a
|
||
href="https://www.udemy.com/course/programming-in-blazor-aspnet-core">Programming
|
||
in Blazor - ASP.NET Core 3.1</a> - Create interactive web applications
|
||
with C#, on Udemy.</li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/creating-blazor-components">Creating
|
||
Blazor Components</a> - December, 2019 - Building a Blazor app is
|
||
building components. This course is essential for gaining a good
|
||
understanding of components. On Pluralsight.</li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/authentication-authorization-blazor-applications">Authentication
|
||
and Authorization in Blazor Applications</a> - December, 2019 - Learn
|
||
how to secure your Blazor application using a variety of best practice
|
||
techniques for authentication and authorization. On Pluralsight.</li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/getting-started-blazor">Blazor:
|
||
Getting Started</a> - December, 2019 - Learn how to build your first
|
||
application in a hands-on way using Blazor, Microsoft’s solution to use
|
||
C# to write interactive web UIs without JavaScript. On Pluralsight.</li>
|
||
<li><a
|
||
href="https://www.csharpacademy.com/courseinfo/2ccff0ac-4d3e-4d25-9368-6c1474640de5">Blazor
|
||
In-Depth Workshop (Blaze Invaders)</a> - December 2019 - Blazor In-Depth
|
||
Workshop (Blaze Invaders), on C# Academy. Learn serious Blazor concepts
|
||
while building a working browser based game.</li>
|
||
<li><a
|
||
href="https://www.udemy.com/course/blazor-and-razor-components-in-a-nutshell/">Blazor
|
||
and Razor Components in a nutshell</a> - October 2019 - Learn how to use
|
||
a framework that allows you to run your compiled code directly in the
|
||
browser on top of WebAssembly, a course on Udemy.</li>
|
||
<li><a
|
||
href="https://www.skillshare.com/site/join?teacherRef=102575464&t=Blazor-on-ASP.NET-Core-3.0&sku=1662883580">Blazor
|
||
on ASP.NET Core 3.0</a> - October 2019 - Blazor on ASP.NET Core 3.0, a
|
||
course on SkillShare.</li>
|
||
<li><a href="https://www.linkedin.com/learning/blazor-first-look">Blazor
|
||
First Look on LinkedIn Learning</a> - Blazor First Look on LinkedIn
|
||
Learning. <a href="https://github.com/Dedac/Beam">Source code</a> <img
|
||
src="https://img.shields.io/github/stars/Dedac/Beam?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" />.</li>
|
||
<li><a href="https://www.devexpress.com/support/training/blazor/">Free
|
||
Blazor Training Course</a> - DevExpress Blazor free training course <a
|
||
href="https://github.com/DevExpress/blazor-training-samples">Source
|
||
code</a> <img
|
||
src="https://img.shields.io/github/stars/DevExpress/blazor-training-samples?style=flat-square&cacheSeconds=604800"
|
||
alt="GitHub stars" />.</li>
|
||
<li><a
|
||
href="https://codered.eccouncil.org/course/getting-started-with-blazor">Getting
|
||
Started with Blazor</a> - June 2021 - Discover the Core Concepts of
|
||
Blazor and learn to create web applications with ease.</li>
|
||
</ul>
|
||
<h2 id="community">Community</h2>
|
||
<ul>
|
||
<li><a href="https://twitter.com/awesomeblazor">Awesome Blazor on
|
||
Twitter</a> - This repository’s Twitter feed.</li>
|
||
<li><a href="https://builtonblazor.net">BuiltOnBlazor</a> - A showcase
|
||
of sites running on Blazor</li>
|
||
<li><a
|
||
href="https://discord.com/channels/732297728826277939/732297874062311424">Discord</a>
|
||
- Blazor channel on the DotNetEvolution discord server.</li>
|
||
<li><a href="https://gitter.im/aspnet/Blazor">Gitter</a> - Blazor
|
||
discussion on Gitter.</li>
|
||
<li><a href="https://github.com/ILoveDotNet/ilovedotnet">I Love
|
||
DotNet</a> - <img
|
||
src="https://img.shields.io/github/stars/ilovedotnet/ilovedotnet?style=flat-square"
|
||
alt="stars" /> <img
|
||
src="https://img.shields.io/github/last-commit/ilovedotnet/ilovedotnet?style=flat-square"
|
||
alt="last commit" /> - This is a .NET knowledge sharing platform with
|
||
live demos crafted by developers for developers with love using .NET
|
||
Blazor. <a href="https://www.ilovedotnet.org">ilovedotnet.org</a>.</li>
|
||
<li><a href="https://learn-blazor.com/">Learn Blazor</a> - Community
|
||
documentation on Blazor.</li>
|
||
<li><a href="https://blazorhelpwebsite.com/">Blazor Help Website</a> -
|
||
Blogs and code samples primarily covering server-side Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor">Practical
|
||
samples of Blazor</a> - Practical samples of Blazor.</li>
|
||
<li><a
|
||
href="https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor-ss">Practical
|
||
samples of Blazor Server-Side</a> - Practical samples of Blazor
|
||
Server-Side.</li>
|
||
<li><a href="https://www.reddit.com/r/Blazor/">Reddit</a> - Blazor
|
||
subreddit.</li>
|
||
<li><a href="https://stackoverflow.com/questions/tagged/blazor">Stack
|
||
Overflow</a> - Blazor questions feed on Stack Overflow.</li>
|
||
<li><a href="https://twitter.com/hashtag/blazor">Twitter</a> - Hashtag
|
||
on Twitter.</li>
|
||
<li><a href="https://www.webassemblyman.com/">WebAssemblyMan</a> - Man
|
||
page for Blazor and WebAssembly.</li>
|
||
</ul>
|
||
<h2 id="other-languages">Other Languages</h2>
|
||
<ul>
|
||
<li><a href="https://blazeofcode.com/">Blaze of Code</a> - [Portuguese]
|
||
Blog about Blazor.</li>
|
||
<li><a href="https://blazor.ru/">Blazor.ru</a> - [Russian] Old official
|
||
documentation website translated in Russian.</li>
|
||
<li><a href="http://devapps.be/podcast/blazor-webassembly/">DevApps.be’s
|
||
podcast #44</a> - [French] DevApps.be’s podcast #44: “Blazor et
|
||
WebAssembly vont-ils tuer JavaScript ?”.</li>
|
||
<li><a
|
||
href="http://devapps.be/podcast/47-typescript-uno-angular-docfx/">DevApps.be’s
|
||
podcast #47</a> - [French] DevApps.be’s podcast #47: “Actualités :
|
||
TypeScript, Uno, Angular, DocFX, Database”.</li>
|
||
<li><a
|
||
href="https://media.aspitalia.com/events/VS2019-Blazor.media">Modern web
|
||
apps with Blazor</a> - [Italian] Video about Blazor.</li>
|
||
<li><a href="https://blazordev.it/">Blazor Developer Italiani</a> -
|
||
[Italian] Italian Blazor community website with useful articles and
|
||
events.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL0kIvpOlieSNdIPZbn-mO15YIjRHY2wI9">Playlist
|
||
- Programando en Blazor</a> - [Spanish] Series of videos about
|
||
Blazor.</li>
|
||
<li><a href="http://blog.ppedv.de/?tag=Blazor">Insights from the
|
||
oracle</a> - [German] Blog about Blazor.</li>
|
||
<li><a
|
||
href="https://www.amazon.de/exec/obidos/ASIN/393427935X/itvisions-21">ASP.NET
|
||
Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne
|
||
Single-Page-Web-Applications mit .NET, C# und Visual Studio</a> - German
|
||
book on Blazor (Published September 15, 2020 with montly Updates).</li>
|
||
</ul>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, Adrien Torris has waived all
|
||
copyright and related or neighboring rights to this work.</p>
|
||
<p><a href="https://github.com/AdrienTorris/awesome-blazor">blazor.md
|
||
Github</a></p>
|