Top 50 Awesome List

AdrienTorris/awesome-blazor

Front-End Development  4 days ago  5.9k
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
View byDAY/WEEK/README
View on Github

Oct 21st

Articles

  • As .NET 6 Nears GA, Blazor WebAssembly Can Now Use Native Dependencies - October 15, 2021 - Less than a month before .NET 6 ships, Microsoft announced Blazor WebAssembly apps can now use native dependencies, allowing developers to tap into native C code, for example, upon jumping through a few hoops.
  • Oct 18th

    Sample Projects

    Hybrid

  • Photinostars236 - stars 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.
  • Sample Projects

    Games

  • BlazorGamesstars133 - stars last commit This project is a Blazor WebAssembly project where we design, model, implement, and play common board and card games. This website is deployed here: blazorgames.net.
  • Trains.NETstars128 - stars last commit 2D game built with .NET and C# on a Twitch stream. Trains is available to play online at https://jamesformica.github.io/trains (Mirror at https://wengier.com/trains if that doesn't work).
  • Flappy Blazor Birdstars48 - stars last-commit Blazor Flappy Bird's port. [Wasm Demo] | [Multiplayer Demo].
  • Board Gamesstars44 - stars last commit Fusionstars1.1k + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. Demostars44.
  • ABlazorPongstars9 - last commit A classic Pong in Blazor WebAssembly, with sounds, without a single line of Javascript. Demo.
  • Oct 15th

    Articles

  • ASP.NET Core updates in .NET 6 Release Candidate 2 - October 12, 2021 - .NET 6 RC2 is very close to the final build of .NET 6 that we expect to ship in November this year in time for .NET Conf 2021. It’s also a “go live” release, so you’re welcome to use it in production. .NET 6 RC2 primarily contains quality improvements and bug fixes, although it does also include a few new features as well.
  • Oct 12th

    Videos

  • Web Wednesday: Blazor Web Apps using GraphQL and EF Core with Jeremy Likness - duration June 23, 2021 - Got data? Got Blazor? The “glue” between the client and server is often the weakest link in building enterprise web apps. What if you could use your domain model as the source of truth, generate a database that supports your design and easily move data between the server and your Blazor WebAssembly app with just a few lines of code? Jeremy will show you how to do this and more with the power of Entity Framework Core enhanced by GraphQL.
  • ASP.NET Community Standup - Exploring MudBlazor - duration October 12, 2021 - In this edition of the Blazor community standup learn more about MudBlazorstars1.8k, a Material Design framework for Blazor with co-creators Jonny Larsson & Meinrad Recheis. Community links.
  • Web Wednesday: ASP.NET Razor tips and tricks with Jon Galloway - duration October 11, 2021 - Razor is a server-side, page-centric programming model for building webpages with ASP.NET Core. Razor has continued to mature over time, and has expanded to include numerous "quality-of-life" additions to make the developer's life easier. Jon Galloway joins us to talk about MVC and ASP.NET, and walks us through some of his favorite features, tips and tricks.
  • Libraries & Extensions

    Component bundles

  • Majorsoft Blazor Componentsstars113 - GitHub last commit 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. NuGet Demo app Docs.
  • LoreSoft.Blazor.Controlsstars100 - stars last commit Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
  • Libraries & Extensions

    Others

  • Blazor File Drop Zonestars1 - last commit Surround an "input type=file" element by this Blazor component to making a zone that accepts drag and drops files (Demo).
  • Oct 1st

    Libraries & Extensions

    Component bundles

  • MudBlazorstars1 - stars 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. Documentation. Demo.
  • Sep 30th

    Articles

  • Custom deployment layout for Blazor WebAssembly apps - September 28, 2021 - Custom deployment layout for Blazor WebAssembly apps.
  • Blazor updates for .NET 6 using Visual Studio 2022 - September 16, 2021 - Blazor updates for .NET 6 using Visual Studio 2022.
  • Sep 24th

    Podcasts

  • Daniel Roth on Web Development with .NET 6 - September 13, 2021 - Azure DevOps Podcast, episode 158: Daniel Roth on Web Development with .NET 6. Daniel was last on the podcast over two years ago in episode 47 to discuss Blazor DevOps. In this episode, he and Jeffrey discuss web development with .NET 6.0. He shares the high points of what’s coming next for .NET 6.0, the major differences between .NET 5.0 and 6.0, what to look forward to with regards to Blazor, and his insights on WASM tooling, minimal APIs and hosting, and hot reload within .NET 6.0. Duration: 45 minutes.
  • Sep 14th

    Libraries & Extensions

    Component bundles

  • HAVIT Blazorstars77 - GitHub stars 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. Interactive documentation & Demos.
  • Libraries & Extensions

    Tools & Utilities

  • BlazorWorkerstars137 - stars last commit Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.
  • Blazor.BrowserExtensionstars98 - stars last commit Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.
  • Videos

  • ASP.NET Community Standup - Blazor in .NET 6 RC1 - duration September 14, 2021 - Find out what's new in Blazor in .NET 6 RC1. Community links.
  • Articles

  • ASP.NET Core updates in .NET 6 Release Candidate 1 - September 14, 2021 - .NET 6 Release Candidate 1 (RC1) is now available and includes many great new improvements to ASP.NET Core.
  • Sep 3rd

    Articles

  • BabylonJS and Blazor - Simple Game State - September 2, 2021 - Build a simple game with BabylonJS and Blazor. Source code stars last commit. Demo.
  • Why build Single Page Apps in Blazor - June 16, 2021 - This post addresses some common Blazor questions. Specifically, the "what?", but more importantly the "why?". Why should I care about Blazor when we've already got Angular, React, Vue, or some other JavaScript framework? Why choose Blazor, and what is WebAssembly all about? We'll cover the history of Microsoft's web application development frameworks and what we see for its bright future.
  • Sep 2nd

    Sample Projects

    Others

  • Planetary Docsstars30 - stars last-commit .NET 6 This repository is intended to showcase a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB. This repository is upgraded to .NET 6 and EF Core 6.
  • Sample Projects

    CMS

  • Blogifierstars926 - GitHub stars GitHub stars .NET 5 ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
  • Videos

  • Let's Learn .NET: Blazor - duration June 7, 2021 - 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. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
  • Libraries & Extensions

    Others

  • MetaMask.Blazorstars7 - last commit A library that provides an easy helper to use MetaMask with Blazor WebAssembly.
  • Sample Projects

    Games

  • Game of Lifestars3 - last commit Game of life.
  • Sample Projects

    IoT

  • Meadow Weatherstars2 - 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.
  • Tutorials

  • Build the Game of Life with Blazor - August, 2021 - Build the Game of Life with Blazor. Source codestars3 stars last commit.
  • Blazor Meadow Web API Weather Chart.js - June 2021 - Display sensor data using Chart.js in a Blazor application. Source codestars2 stars last commit.
  • Setup Blazor app using ASP.NET Core Empty project template - May, 2021 - Setup Blazor app using ASP.NET Core Empty project template.
  • Aug 31st

    Videos

  • The .NET Docs Show - Micro frontends with Blazor - duration August 31, 2021 - In this week's episode, Florian Rappl joins the panel to show us how to build websites using compositional UIs that grow naturally as your application scales.
  • bUnit and .NET 6 - duration August 30, 2021 - bUnit and .NET 6 with Egil Hansen in The Not Invented Here Show.
  • .NET Conf 2021 (November 9-11, 2021).

  • .NET Conf is a free, three-day, virtual developer event that celebrates the major releases of the .NET development platform. It is co-organized by the .NET community and Microsoft, and sponsored by the .NET Foundation and our ecosystem partners. Come celebrate and learn about what you can do with .NET 6.
  • dotnetconf.net.
  • Aug 30th

    Libraries & Extensions

    Testing

  • Verify.Blazor - a snapshot testing library for Blazor componentsstars17 - stars last commit A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.
  • Aug 27th

    Articles

  • How to Localize Error Messages for Blazor WebAssembly Forms - July 12, 2021 - Want to localize form validation error messages in a Blazor WebAssembly app? Follow this guide to learn everything you need to know.
  • Courses

  • Getting Started with Blazor - June 2021 - Discover the Core Concepts of Blazor and learn to create web applications with ease.
  • Sample Projects

    Others

  • Time Magestars1 - last commit A Blazor PWA which has Timers, a Stopwatch, and Interval Timers. Demo.
  • Videos

  • Blazor ListView Component - duration August 27, 2021 - In this Blazor Components session, Fahad Mullaji aka @Curious Drive walks us through the various functionalities of the Telerik UI for Blazor ListView component. He explores the multiple List templates, focusing on the Header template which allows adding custom Blazor components, and footer template which shows the number of items in the list.
  • Getting Started with Blazor Components - duration August 26, 2021 - Join the amazing Fahad Mullaji a.k.a @Curious Drive in his "Getting Started with Telerik UI for Blazor" journey. In this video, he goes through five of the most practical and frequently used components – TextBox, DropDownList, AutoComplete, MultiSelect, and CheckBox.
  • Podcasts

  • Dean Guida on the Future of .NET Components - August 16, 2021 - Dean Guida shares his insights on the future of .NET components; lessons he has learned having run a software company for over 30 years; his top recommendations when it comes to managing software teams, DevOps toolchains, preparing for the release of .NET 6, server-side vs. Web Assembly, what .NET developers should be doing today for full system testing, and more! He also gives advice to aspiring entrepreneurial software engineers, an overview of Infragistics’ tools, and what to be looking out for as a software developer today. Duration: 34 minutes.
  • Aug 25th

    Articles

  • So Why Doesn't Microsoft Provide Its Own Blazor Component Library? - August 13, 2021 - Did you ever wonder why Microsoft doesn't provide a component library for Blazor, its red-hot ASP.NET Core framework for creating web apps primarily with C# instead of JavaScript?
  • What's New for Blazor/ASP.NET Core in .NET 6 Preview 6 - July 15, 2021 - What's New for Blazor/ASP.NET Core in .NET 6 Preview 6.
  • Other Languages

  • ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio - German book on Blazor (Published September 15, 2020 with montly Updates).
  • Books

  • Blazor in Action - 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).
  • Aug 24th

    Libraries & Extensions

    API

  • BlazorDependenciesstars2 - last commit Js library that helps maintain dependencies of one Razor Class Library to another one without manually adding scripts and css-styles for each library.
  • Videos

  • Planning, designing, and coding a Blazor site from scratch part 6 - duration August 23, 2021 - In this episode, Jessica takes revenge on CSS, but the big question is.... Will she win? Adding responsiveness to the menu using only CSS.
  • The .NET Docs Show - Blazor component testing with bUnit - duration August 23, 2021 - A new UI framework like Blazor means new unit testing scenarios! In this week's episode, community MVP Egil Hansen shows us bUnit, a unit testing library for Blazor components.
  • ASP.NET Community Standup - Exploring Blazorise - duration August 17, 2021 - ASP.NET Community Standup - Exploring Blazorise with Mladen Macanović. Url list.
  • Using SignalR in your Blazor applications - duration August 19, 2021 - In this episode, David Pine joins Jeremy to show off this chat bot enabled demo that's powered by Blazor WASM and SignalR. Source codestars110 stars last commit. Demo.
  • Planning, designing, and coding a Blazor site from scratch part 1 - duration June 8, 2021 - Set up Azure DevOps, Builds, Release, and Blazor project.
  • Building Modern Applications with GraphQL and Blazor - duration May 14, 2021 - Building Modern Applications with GraphQL and Blazor at the JetBrains .NET Days Online. After having a fundamental understanding of how GraphQL improves our data fetching needs in web applications, we will move on and build a nice real-time application with Blazor and GraphQL. Let’s build a truly engaging next gen application and push Blazor to the limit. Slides. Source code stars last commit.
  • Aug 7th

    Sample Projects

    Games

  • SoccerPongstars1 - last commit A soccer variant of classic Pong using Blazor WebAssembly. Demo.
  • Jul 30th

    Sample Projects

    Others

  • Picat Language IDEstars0 - last commit IDE for the Picat logic programming language based on the Monaco Editor. Demo.
  • Jul 29th

    Books

  • Blazor WebAssembly by Example - 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).
  • Microsoft Blazor: Building Web Applications in .NET - Microsoft Blazor: Building Web Applications in .NET (Second edition published in May 2020).
  • Blazor Revealed - Blazor Revealed, Building Web Applications in .NET (Published February, 2019).
  • Jul 28th

    Sample Projects

    Cloud

  • FairPlayTubestars20 - last commit Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.
  • Libraries & Extensions

    Others

  • BlazorMergelystars1 - last commit An implementation of Blazor diff and merge component based on Mergely with server side support.
  • Articles

  • Blazor Debugging Improvements in Rider 2021.2 - July 27, 2021 - The EAP versions of Rider 2021.2 have been released with a major improvement for Blazor developers: debugging WebAssembly (WASM) apps. This has been one of the top requested features since Blazor itself was released. In Rider 2021.2, you can now debug both Blazor Server apps and Blazor WASM apps.
  • General

  • 30 seconds of Blazor - Collection of useful snippets, inspired by the popular 30 seconds of JavaScript and React.
  • Jul 25th

    Videos

  • On .NET Live - Building Beautiful Blazor apps with Tailwind CSS - duration June 17, 2021 - In this session on On .NET Live, Chris Sainty(@chris_sainty) will be showing us how to style our applications using Tailwind CSS as well as how to integrated the Blazored component libraries.
  • Introduction to .NET MAUI Blazor | The Xamarin Show - duration June 17, 2021 - 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) although our primary focus for .NET 6 is on desktop scenarios.
  • ASP.NET Community Standup - Build apps for Microsoft Teams with Blazor - duration June 15, 2021 - Learn how to build apps for Microsoft Teams using the Teams Toolkit, .NET, and Blazor. Community links.
  • The .NET Docs Show - Scenario testing Blazor Single-Page Apps - duration June 28, 2021 - Cover all the bases and use test scenarios to improve the quality of your test coverage in Blazor applications.
  • Let's Learn .NET - Blazor - duration June 25, 2021 - 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. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
  • On .NET Live - Building Reactive UIs with Blazor - duration June 24, 2021 - In this live session, Rodney Littles II shows us how to build Blazor applications with the ReactiveUI framework.
  • ASP.NET Community Standup - Building with Blazor: Powered4.tv - duration July 13, 2021 - Powered4.tv is a video-on-demand service that leverages Blazor WASM. In this episode of the Blazor community standup, we'll talk with product engineer Steve Pierce about the successes and stories behind using Blazor WASM for Powered4.tv.
  • On .NET Live - Secrets of building Blazor Components - duration June 10, 2021 - This session with Ed Charbeneau is about building components for Blazor.
  • Jul 21st

    Podcasts

  • Archives - 2020, 2019, 2018, 2017.
  • bUnit, TDD, and Sci-fi with Egil Hansen - July 18, 2021 - In this episode, Jimmy and Jessica talk to Egil Hansen about bUnit, test-driven development, and Sci-fi. Duration: 72 minutes.
  • Blazor with Chris Sainty - July 13, 2021 - In this episode, I was thrilled to be joined by Chris Sainty to chat all about Blazor! Blazor is a new .NET technology allowing you to build SPA-like frontend web UIs in C#! Very focused on developer productivity and componentisation - Blazor is certainly going to become my go-to for frontends moving forward! And chatting with Chris in this episode, has shown me even more reasons why Blazor is becoming so immensely popular.
  • Presentations slides

  • Archives - 2020, 2019, 2018.
  • Videos

  • Building a face recognition app with #Blazor and Azure Cognitive Services - July 20, 2021 - Building a face recognition app with Blazor and Azure Cognitive Services. Source codestars5 stars last commit.
  • Visual Studio 2022 Preview 2 - Overview - duration July 14, 2021 - This video shows some the new features in Visual Studio 2022 preview 2.
  • Articles

  • The .NET Stacks #57: Taking a look at Blazor Error Boundaries - July 18, 2021 - Let's take a look at Blazor Error Boundaries and Minimal API improvements.
  • Jul 19th

    Tutorials

  • Archives - 2020,2019, 2018.
  • Libraries & Extensions

    Date & time

  • NodaTimePickerstars47 - GitHub stars last commit A Date/Time picker component library for Blazor using NodaTime. Demo.
  • Libraries & Extensions

    Tools & Utilities

  • Fluxorstars493 - GitHub stars last commit Zero boilerplate Flux/Redux library for DotNet.
  • Articles

  • Blazor Server apps in MVC subfolders - July 15, 2021 - Were you ever bored and thought to yourself: how could I ruin this perfectly fine evening for me and turn it into a frustrating nightmare? Well, seek no more, I have the best idea for you. Just try to host a Blazor Server app in a sub folder of an existing MVC application, and you're in for some really nerve-wrecking "fun". Admittedly, once you know the solution it's not so hard to understand, but finding a working solution was a rabbit-hole experience for me.
  • How to use the button onclick event in Blazor WebAssembly - July 9, 2021 - This article from RoundTheCode explains how to implement the button onclick event in a Blazor Wasm application. We will demonstrate how to set up a Blazor onclick call method and bind it to a HTML element.
  • Blazor Anchor Tag Scroll To - July 9, 2021 - This article goes over an issue with Blazor applications and scrolling to a hash anchor on the current page.
  • Thoughts on Microsoft, and Blazor - July 2, 2021 - Thoughts on Microsoft, and Blazor, by Peter Kuhn aka Mister Goodcat.
  • Jul 18th

    Articles

  • ASP.NET Core updates in .NET 6 Preview 6 - July 14, 2021 - .NET 6 Preview 6 is now available and includes many great new improvements to ASP.NET Core.
  • ML.NET Now Works on ARM Devices and Blazor WebAssembly - June 29, 2021 - ML.NET now works on ARM64 and Apple M1 devices, and on Blazor WebAssembly, with some limitations for each.
  • Jul 17th

    Videos

  • What's new in Blazor in .NET 6 with Daniel Roth - duration July 16, 2021 - Blazor in .NET 6 makes client-side web development faster and more productive than ever before. Let's chat about all the new Blazor features in .NET 6: .NET Hot Reload, WebAssembly ahead-of-time (AOT) compilation, error boundaries, integration with .NET MAUI, and much more.
  • Building dynamic applications with blazor - duration July 10, 2021 - Blazor is a revolutionary single-page app framework for building interactive web apps with .NET Core. Underpinning Blazor's ability to create interactive web UIs using C# instead of JavaScript is a robust component model which offers exciting new opportunities for developers to create dynamic web applications. In this session we will demonstrate dynamic application development using an open source modular application framework for Blazor named Oqtane.
  • Intro to Blazing Web Accessibility - Empowered with AI - duration July 5, 2021 - This video shows how you make an accessible website in Blazor, Microsoft’s brand new front-end technology.
  • BlazorDay 2021, full video - duration June 17, 2021 - Blazor Day is the online event around Blazor technologies. #BlazorDay is organized by 3 MVP friends. Their objective is to share their passion for .NET and more particularly Blazor. Joined by the famous Charline to upgrade the event to the next level.
  • Next Generation UI with .NET 6 - duration June 9, 2021 - Tired of Angular, Vue, and React? Ready for the next generation of web user interface that runs everywhere and you can build with your favorite programming language? In this session, Jeff Fritz is going to introduce you to Blazor - the next generation UI framework from the .NET team. We'll see how Blazor works with Web Assembly, webservers, and hybrid applications to deliver a great experience for your users. Blazor is the framework that allows you to build once and run it everywhere.
  • Jun 30th

    Libraries & Extensions

    Component bundles

  • BootstrapBlazorstars782 - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • Blazoritystars30 - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • Blazor.Ionicstars11 - GitHub stars last commit Ionic framework integration for Blazor.
  • Blazor Controls Toolkit - 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.
  • Jun 29th

    Sample Projects

    CMS

  • StartBootstrap.Freelancer.Blazorstars6 - Last commit .NET 5 Freelancer is a bootstrap template ideal for small portfolio web sites. It's powered by Kentico Kontent - a headless CMS with a comprehensive ecosystem for .NET developers.
  • Sample Projects

    Others

  • Blazor MealPlannerstars2 - last commit MealPlanner is developed in Blazor Web Assembly PWA (offline), The app is using local storage for storing the meal plans. (Demo AzureStaticWeb) (Demo Github Pages)
  • CountDown Timerstars1 - last commit Count down timer with Browser notification and PWA using Blazor WebAssembly. Demo.
  • Articles

  • Blazor in depth — Create Blazor component without Lifecycle methods - October 16, 2020 - Blazor in depth — Create Blazor component without Lifecycle methods.
  • Libraries & Extensions

    Others

  • BlazorLocalizationSample GitHub stars last commit The default project template localized using XLocalizerstars75 with online translation and auto resource creating.
  • TimeCalcstars0 - last commit An app to help keep track of speed cubing averages on the fly using Blazor WebAssembly. Demo.
  • BlazorTimelinestars47 - stars last commit Responsive, vertical timeline component.
  • Libraries & Extensions

    Tools & Utilities

  • XLocalizerstars75 - GitHub Stars last commit Easily localize Asp.Net Core web applications with online translation and auto resource creating.
  • BlazorTemplaterstars41 -last-commit Use .razor components to render HTML strings for email content.
  • WebBluetoothstars2 - last commit Blazor service for the experimental WebBluetooth functions. Based on Blazm.Bluetoothstars28.
  • Libraries & Extensions

    Component bundles

  • TabBlazorstars87 - last commit Blazor Admin theme built on top of Tabler UIstars24.3k. Minimal javascript. Demo.
  • Radzen.Blazorstars1.3k - GitHub stars last commit Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
  • Blazoritystars30 - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • Start Blazoring - A Blazor starter template built using your choice of Blazorise or MudBlazor, 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.
  • Libraries & Extensions

    API

  • BlazorIntersectionObserverstars17 - last commit This is a wrapper around the Intersection Observer API.
  • Libraries & Extensions

    Datagrids / tables

  • BlazorGridstars45 - GitHub stars last commit Virtualized data grid component with lean markup, focused on displaying remote data. (Demo & documentation).
  • Libraries & Extensions

    Others

  • Blazor.DownloadFileFaststars7 - Fast download of files to the browser from Blazor without any javascript library reference or dependency. (Demo).
  • BlazorZXingJsstars3 - last commit Barcode/QRCode Reader and QRCode writer components. This is a Blazor wrapper around zxing-js library. It supports variety of barcode and 2d code types.
  • Templates

  • Blazor Herostars2k - stars 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. Read the Quick Start Guide here.
  • Sample Projects

    Hybrid

  • desktoploveblazorwebstars28 - stars last-commit desktoploveblazorwebstars28 is a cross-platform desktop application template (mobile support in the future) based on Blazor Server, which uses an in-process ASP.NET Core server + in-process OS WebView component.
  • Libraries & Extensions

    Date & time

  • Toast_UI.Blazor_Calendarstars23 - 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. Sample project.
  • Blazor Timestars27 - stars last commit Display dates and times in the users local time. Demo.
  • Tooling

  • Publish SPA for GitHub Pagesstars9 - last commit Add this NuGet package to your Blazor WebAssembly project to easily publish it to GitHub Pages.
  • Sample Projects

    Rapid Development Framework

  • WalkingTec.Mvvm (WTM)stars3.3k - stars 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. Website.
  • May 22nd

    Tooling

  • Publish-time Pre-render for Blazor Wasmstars12 - 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.
  • Apr 30th

    Articles

  • Modular Blazor App Framework Oqtane Boosts Templates - April 29, 2021 - Modular Blazor App Framework Oqtane Boosts Templates.
  • Sands of MAUI: Issue #6 - April 26, 2021 - Sands of MAUI: Issue #6. BlazorWebView for WPF/WinForms.
  • Apr 28th

    Tutorials

  • Using MudBlazor to Create Reach and Functional Product’s Details Page - April 27, 2021 - Using MudBlazor to Create Reach and Functional Product’s Details Page.
  • Building a Dashboard - April 23, 2021 - Tutorial on how to build a dashboard.
  • Rendering dynamic content in Blazor Wasm using DynamicComponent - April 20, 2021 - Rendering dynamic content in Blazor Wasm using DynamicComponent.
  • Tetris in Blazor - April, 2021 - Part 1, Part 2, Part 3, Part 4, Part 5, Part 6. Source codestars133 stars last commit.
  • Blazor Material Table – Server-Side Paging, Searching, Sorting - April 19, 2021 - Blazor Material Table – Server-Side Paging, Searching, Sorting.
  • Articles

  • Introducing KlipTok - April 20, 2021 - Introducing KlipTok – Social Media fun for Twitch Clips.
  • Setting Up Sass with Blazor - April 24, 2021 - Setting Up Sass with Blazor, by Ed Charbeneau.
  • IntersectionObserver WebApi - April 24, 2021 - This article will go over the IntersectionObserver WebApi and how to use it within the context of a Blazor application. Source codestars1 stars last commit. Demo.
  • An Easier Blazor Debounce - April 12, 2021 - Tick-free bouncing. Source codestars6 stars last commit.
  • Apr 22nd

    Videos

  • Upgrading to .NET 6 - duration April 21, 2021 - This video shows you how to upgrade your existing .NET 5 Blazor application to .NET 6 Preview 3. It also shows how to upgrade your tests to use the latest release of bunit version 1.0.19 and demos the new hot reload feature in .NET 6 - which is a huge improvement to the engineering experience. Source codestars55 stars last commit.
  • Articles

  • .NET 6 Gets Blazor WebView Controls for WPF, WinForms - April 9, 2021 - .NET 6 Gets Blazor WebView Controls for WPF, WinForms.
  • Apr 21st

    Articles

  • Will .NET 6 fix Blazor Prerendering? - April 19, 2021 - Will .NET 6 fix Blazor Prerendering?
  • Videos

  • ASP.NET Community Standup - ASP.NET Core updates in .NET 6 - duration April 20, 2021 - There are a lot of exciting new features for ASP.NET Core developers in .NET 6! Come hear all about it from Daniel Roth, and ask your questions live in the chat. Community links.
  • Apr 19th

    Videos

  • WebAPI vs gRPC in Blazor Train - duration April 16, 2021 - Carl Franklin shows you how to use gRPC in your Blazor apps as an alternative to a more common API layer. You can download all files atblazortrain.com.
  • ASP.NET Community Standup - Exploring Oqtane with Shaun Walker - duration April 13, 2021 - In this edition of the Blazor community standup, we sit down with Shaun Walker to discuss all things Oqtane. Community links.
  • Apr 9th

    Videos

  • Blazor WebAssembly : Cookie Expiration & API Authorization - duration April 7, 2021 - This video shows how you can set authentication properties for cookie authentication. You can set it's IsPersistent to keep the cookie alive even after the browser is closed. You can also set it's ExpiredUtc property to set expiry date for your cookies.
  • Articles

  • ASP.NET Core updates in .NET 6 Preview 3 - April 8, 2021 - .NET 6 Preview 3 is now available and includes many great new improvements to ASP.NET Core.
  • Mar 30th

    Videos

  • Deploying Blazor WebAssembly to GitHub Pages - duration March 30, 2021 - The .NET Docs Show - Deploying Blazor WebAssembly to GitHub Pages. What's better than Blazor? How about Blazor and a free place to host your Blazor app? In this episode, community member Niels Swimberghe shows the panel how to deploy Blazor apps to GitHub Pages.
  • Mar 27th

    Videos

  • Steve Sanderson at the NDC Manchester 2021 - March 25, 2021 - Blazor in 2021: .NET 5, .NET 6 and beyond.
  • Mar 26th

    Videos

  • Blazor WebAssembly : Creating Chat Application Using SignalR - duration March 25, 2021 - Blazor WebAssembly : Creating Chat Application Using SignalR.
  • Mar 25th

    Articles

  • AWS Previews Deployment Tool for .NET Web Apps, Blazor WebAssembly - March 19, 2021 - Amazon Web Services (AWS) announced a developer preview to ease the process of deploying .NET web apps on the cloud platform, which has become more complex with the advent of tech like Docker and serverless joining the ever-growing .NET ecosystem.
  • Excluding Files from PWA Asset Cache - March 24, 2021 - This article shows how to exclude a files from the Progressive Web Application asset cache.
  • Podcasts

  • React, writing a book, and Blazor with Carl Rippon - March 22, 2021 - Coding after work, episode 57: React, writing a book, and Blazor with Carl Rippon. Duration: 35 minutes.
  • Tutorials

  • Setting dynamic metadata for Blazor Web Assembly - March 23, 2021 - This post shows how HTML header meta data can be dynamically updated or changed for a Blazor Web assembly application routes hosted in ASP.NET Core. This can be usually for changing how URL link previews are displayed when sharing links. Source codestars3 stars last commit.
  • Videos

  • Testing Blazor Apps & Components - March 26, 2021 - Blazor Train, episode 43: Testing Blazor Apps & Components.
  • Introduction to Dynamic Components in Blazor - duration March 22, 2021 - This video shows how you can use one of the most interesting features in Blazor w/ .NET 6.0 preview which is Dynamic Components. Dynamic Components can help you load content from multiple components dynamically in Blazor without too much hassle. Source codestars1 stars last commit.
  • Mar 19th

    Articles

  • Display a Docker Build Version - March 19, 2021 - This article shows one way to show the Build or Application version, passing it down through a Docker build.
  • .NET 5 Blazor Powers 'Rock, Paper, Scissors, Lizard, Spock' Game - March 17, 2021 - .NET 5 Blazor Powers 'Rock, Paper, Scissors, Lizard, Spock' Game. Source codestars539 stars last commit.
  • The path to .NET 5 and Blazor WebAssembly with some fun sprinkled in - March 17, 2021 - The path to .NET 5 and Blazor WebAssembly with some fun sprinkled in.
  • Mar 18th

    Sample Projects

    Others

  • Unofficial eShopOnContainersstars3 - last commit Unofficial Blazor WebAssembly client for eShopOnContainersstars19k.
  • Articles

  • .NET 6 Preview 2 Boosts Razor/Blazor in ASP.NET Core - March 12, 2021 - Razor and Blazor received some dev attention in the second preview of Microsoft's .NET 6 landmark release, coming in November to wrap up formerly disparate .NET components into one cross-platform, open source framework for just about any kind of application.
  • Mar 16th

    Tutorials

  • How to use gRPC-Web with Blazor WebAssembly on App Service - March 15, 2021 - How to use gRPC-Web with Blazor WebAssembly on App Service.
  • How to deploy Blazor WebAssembly to Cloudflare - March 14, 2021 - How to deploy Blazor WebAssembly to Cloudflare. Source codestars0 stars last commit.
  • Sample Projects

    CMS

  • eShopOnBlazorstars265 - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • Sample Projects

    Others

  • eShopOnBlazorstars265 - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • BlazorCRUDstars139 - GitHub stars GitHub stars Sample line of business application that illustrates key features of Blazor. Demo.
  • CleanArchitecturestars2k - stars last commit Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
  • Videos

  • Building a Blazor WebAssembly chat using SignalR - March 8, 2021 - duration Building a Blazor WebAssembly chat using SignalR, by Coding After Work.
  • Mar 15th

    Podcasts

  • .NET 6 with Daniel Roth - March 11, 2021 - What's next for .NET? Carl and Richard chat with Dan Roth about all the good things coming this November for .NET. The conversation starts out with some discussion around Blazor, which is no longer an experimental project, but now a key part of .NET. Dan talks about the role of MAUI bringing together UI elements for smartphones, tablets, PCs, and more. There's a lot to look forward to by the end of 2021. Duration: 58 minutes.
  • Mar 12th

    Podcasts

  • Blazor Keeps Getting Better with Daniel Roth - March 9, 2021 - .NET 059: Blazor Keeps Getting Better with Daniel Roth. Blazor has come a long way since 2018. Blazor WebAssembly was released in 2020 and Blazor was integrated as a full-fledged member of .NET 5. Daniel Roth joins us to discuss the progress and improvements the Blazor team has made over the last year. We also discuss a number of updates coming in 2021 like the new Razor editor. The future of Blazor is bright, indeed. Duration: 61 minutes.
  • Articles

  • ASP.NET Core updates in .NET 6 Preview 2 - March 11, 2021 - .NET 6 Preview 2 is now available and includes many great new improvements to ASP.NET Core.
  • Mar 9th

    Articles

  • Securing Blazor Web Assembly using cookies - March 8, 2021 - Securing Blazor Web Assembly using cookies. Source code stars last commit.
  • Mar 8th

    Libraries & Extensions

    Others

  • BlazorTypewriterstars8 - last commit A typewriter effect for Blazor.
  • Articles

  • Razor Pages has Components too don't you know - March 2, 2021 - Razor Pages has Components too don't you know.
  • Mar 6th

    Sample Projects

    Others

  • TypinExamples - last commit A sample project that demonstrates the usage of Typinstars166 framework with a Blazor SPA application (Xterm.js and custom web workers implementation in C# to emulate terminal experience in browser). Live demo.
  • Mar 5th

    Articles

  • Blazor on Desktop - February 17, 2021 - Blazor on Desktop. This article explores how to make Blazor web apps run on Desktop.
  • ASP.NET Core docs: What's new for February 1, 2021 - February 28, 2021 - March 3, 2021 - Welcome to what's new in the ASP.NET Core docs from February 1, 2021 through February 28, 2021. This article lists some of the major changes to docs during this period.
  • Blazor hosting models - mind map - February 26, 2021 - Blazor hosting models - mind map update after .NET 6 preview 1 announcement by Konrad Kokosa on Twitter.
  • Videos

  • Multiple Panels with Sliding Splitters - March 5, 2021 - Blazor Train, episode 40: Multiple Panels with Sliding Splitters.
  • Blazor Power Hour: Empty State Components - March 3, 2021 - duration Blazor Power Hour: Empty State Components, with Ed Charbeneau.
  • Blazor WebAssembly : JavaScript Isolation - duration March 1, 2021 - Blazor WebAssembly : JavaScript Isolation, by Curious Drive. This video is about how you can isolate JavaScript files in Blazor applications. With JavaScript isolation you can load your JavaScript files only when needed. Source codestars207 stars last commit.
  • Blazor StateHasChanged: Preview 6 DynamicComponent - February 26, 2021 - duration Blazor StateHasChanged: Preview 6 DynamicComponent, with Ed Charbeneau.
  • Blazor Power Hour: Blazor Layout Components - February 22, 2021 - duration Blazor Power Hour: Blazor Layout Components, with Ed Charbeneau.
  • Mar 2nd

    Tutorials

  • Overriding components in Blazor - February 27, 2021 - If you use a component library in your project, you might want to override a component somewhere deep down in the component hierarchy without having to override the whole hierarchy.
  • Mar 1st

    Libraries & Extensions

    Tabs

  • BlazorXTabsstars15 - last commit An extended tabs component library providing various tab features for Blazor.
  • Community

  • Blazor Help Website - Blogs and code samples primarily covering server-side Blazor.
  • Libraries & Extensions

    Others

  • BlazorDownloadFilestars87 - stars last commit Blazor download files to the browser from c# without any JavaScript library or dependency.
  • BlazorSlidersstars21 - last commit Create multiple panels separated by sliding splitters.
  • Feb 26th

    Videos

  • .NET Conf 2021 - Focus on Windows: Building .NET Hybrid Apps with Blazor - February 25, 2021 - .NET Conf: Focus on Windows, session "Building .NET Hybrid Apps with Blazor", by Daniel Roth.
  • .NET Conf 2021 - Focus on Windows: Real-Time Desktop Apps with Azure SignalR Service - February 25, 2021 - .NET Conf: Focus on Windows, session "Real-Time Desktop Apps with Azure SignalR Service".
  • .NET Conf 2021 - Focus on Windows - duration February 25, 2021 - .NET Conf: Focus on Windows is a free, one-day livestream event that features speakers from the community and Microsoft teams working on Windows desktop apps and making them fantastic on the latest .NET 5. Learn why and how to upgrade WPF and Windows Forms apps to .NET 5, see Visual Studio tooling improvements, learn how to leverage cloud services from your client apps, and a whole lot more. You'll also see what the future of native device development with .NET will look like in .NET 6. Full schedule: dotnetconf.net.
  • Feb 24th

    Videos

  • Blazor Train: Options for Mobile Apps - duration February 19, 2021 - Carl Franklin welcomes back Microsoft’s Dan Roth to discuss options for building mobile apps with Blazor.
  • Articles

  • Blazor Layout Components - February 22, 2021 - Blazor Layout Components, by Ed Charbeneau.
  • Feb 23rd

    Videos

  • Blazor WebAssembly : Virtualize Component - duration February 22, 2021 - Blazor WebAssembly : Virtualize Component, by Curious Drive. This video shows how you can use Virtualize component and load thousands of records in efficient way. We will first check how it actually works then we will map to a web API which gets records which are visible to the users.
  • Feb 19th

    Tutorials

  • Build a Blazor 'Copy to Clipboard' component with a Markdown editor - February 18, 2021 - Let's build a 'Copy to Clipboard' component, where we can copy Markdown content to the clipboard.
  • Feb 18th

    Tutorials

  • Blazor on Desktop - February 17, 2021 - This post explores how to make Blazor web apps run on Desktop.
  • General

  • themesof.net - .NET 6 planning process.
  • Articles

  • ASP.NET Core updates in .NET 6 Preview 1 - February 17, 2021 - ASP.NET Core updates in .NET 6 Preview 1.
  • Announcing .NET 6 Preview 1 - February 17, 2021 - Announcing .NET 6 Preview 1.
  • Feb 17th

    Tutorials

  • Using source generators to generate a menu component in a Blazor app - February 16, 2021 - Using source generators to generate a menu component in a Blazor app.
  • The tablet app – part 1 - February 12, 2021 - Making an espresso machine smart, with .NET and Mobile Blazor Bindings.
  • Articles

  • Blazor Component Testing - February 16, 2021 - Blazor Component Testing, by Ed Charbeneau.
  • .NET 6 Desktop Dev Options: WPF, WinForms, UWP, .NET MAUI, Blazor ... - February 3, 2021 - .NET 6 Desktop Dev Options: WPF, WinForms, UWP, .NET MAUI, Blazor ...
  • Feb 12th

    Presentations slides

  • Using .NET 5 with the Raspberry Pi - January 28, 2021 - Using .NET 5 with the Raspberry Pi, on Slideshare.
  • Tutorials

  • Download Files from Azure with .NET Core Web API and Blazor WebAssembly - February 9, 2021 - In this article, we are going to learn how to download files from Azure using ASP.NET Core Web API as the server-side project and Blazor WebAssembly as the client-side. This article is a continuation of a previous one where we learned about uploading files to Azure. In that article, we also created Azure storage, so if you don’t have one created, you can do it following the instructions from the mentioned article. Source codestars2 stars last commit.
  • Using source generators to find all routable components in a Blazor WebAssembly app - February 9, 2021 - The previous post described a way to find all the "routable" components in a Blazor app using reflection. This post shows an alternative approach using a source generator.
  • Custom Xamarin Controls with Blazor Mobile Bindings - February 8, 2021 - Blazor Mobile Bindings is exciting, but also encourages reusability. We take a look as how to wrap custom Xamarin.Forms UI as Blazor components.
  • Videos

  • Test Driving the Blazing Pizza Workshop - duration February 10, 2021 - Test Driving the Blazing Pizza Workshop, episode 3, by Egil Hansen.
  • Advanced Blazor experiences with Carl Franklin - duration February 10, 2021 - Advanced Blazor experiences with Carl Franklin, by Coding After Work. Carl Franklin will share a bit more advanced scenarios like using SignalR together with Blazor for cross user communication and data synchronization.
  • ASP.NET Community Standup - A Blazor Conversation with Chris Sainty - duration February 9, 2021 - In this standup, we chat with Blazor aficionado and open source community member Chris Sainty about Blazor, his open source work, and more.
  • Articles

  • Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1) - February 5, 2021 - Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1), by Round The Code.
  • Feb 5th

    Libraries & Extensions

    Tools & Utilities

  • BlazorIndexedDbJsstars8 - last commit BlazorIndexedDbJs is a wrapper arround IndexedDB DOM API, supports Blazor WASM and Server.
  • Videos

  • Just Coding - Blazor Game - February 4, 2021 - duration Just Coding - Blazor Game, by The Sixth Figure dev.
  • Blazor Power Hour: FAQ show #1 - duration February 3, 2021 - Blazor Power Hour: FAQ show 1, with ed Charbeneau.
  • Jan 29th

    Sample Projects

    Hybrid

  • GraphQL in ASP.NET Core using HotChocolatestars10 - last commit GraphQL in ASP.NET Core using HotChocolate. Source code of this tutorial: Consuming GraphQL API In ASP.NET Core.
  • Tutorials

  • Consuming GraphQL API In ASP.NET Core - January, 2021 - Consuming GraphQL API In ASP.NET Core: Part 1, Part2. Source codestars10 stars last commit.
  • Videos

  • BlazQ (Learn to code) - January 29, 2021 - duration Develop a quiz application with Blazor.
  • .NET Frontend day 2021 - January 28, 2021 - duration .NET Frontend Day 2021 sessions.
  • Jan 28th

    Videos

  • Blazor Train: Ask the Engineer - January 29, 2021 - Carl Franklin answers your questions and solves your Blazor puzzlers.
  • Articles

  • Improvements to the new Razor editor in Visual Studio - January 26, 2021 - Improvements to the new Razor editor in Visual Studio, by Daniel Roth from Microsoft.
  • Signed HTTP Exchanges: A path for Blazor WebAssembly instant runtime loading - January 26, 2021 - This article explores Signed HTTP Exchanges, which may help when loading the .NET runtime in Blazor WebAssembly apps.
  • Jan 26th

    Tutorials

  • Pre-render Blazor WebAssembly at build time to optimize for search engines - January 3, 2021 - Pre-render Blazor WebAssembly at build time to optimize for search engines.
  • Prerending a Blazor WebAssembly app to static files, without an ASP.NET Core host app - January 26, 2021 - This post describes how you can prerender all the pages in a Blazor WebAssembly app, without requiring a host app. That means you can still host your Blazor WebAssembly as static files using GitHub Pages or Netlify, without requiring a backend server. Source code stars last commit.
  • Articles

  • Sitecore Power with ASP.NET Core and why it’s important - December 18, 2020 - Sitecore has recently introduced a development SDK with ASP.NET Core. This article explains why it’s super important for the Business to start thinking about it and how it will change the way of Sitecore development.
  • Jan 25th

    Tutorials

  • Authentication in Blazor WebAssembly Hosted Applications - January 22, 2021 - Authentication in Blazor WebAssembly Hosted Applications, by Code Maze. Source code stars last commit.
  • Jan 21st

    Articles

  • Enabling prerendering for Blazor WebAssembly apps - January 19, 2021 - This post describes the steps to enable server-prerendering for a Blazor WebAssembly application. This post serves as an introduction to some more interesting prerendering approaches I'll be looking at in future posts. Source code stars last commit.
  • Jan 20th

    Articles

  • Displaying lists efficiently in Blazor - January 6, 2021 - Blazor's Virtualize component will let you display long lists faster without writing a lot of code. If you want to take full advantage of the component, however, you'll need a relatively smart repository to back it up.
  • Jan 19th

    Tutorials

  • Blast Off with Blazor: Build a search-as-you-type box - January 14, 2021 - This post shows how to build a quick search box that filters our images.
  • Blazor WebAssembly I18n from Start to Finish - January 7, 2021 - Blazor is a strong C#-based framework from Microsoft that allows us to create an interactive, client-side web user interface (UI) using .NET. In this tutorial, we will explore how to implement internationalization (i18n) in a Blazor WebAssembly app.
  • Videos

  • Blazor Train: Progressive Web Applications - duration January 15, 2021 - Carl Franklin shows you how to create a Blazor PWA and how to configure it for offline access and cached content.
  • Articles

  • Persisting your users preferences using Blazor and Local Storage - January 14, 2021 - Persisting your users preferences using Blazor and Local Storage.