Awesome Blazor

A collection of awesome Blazor resources.

Inspired by awesome, awesome-dotnet and awesome-dotnet-core.

Contributions are always welcome!

Contents

• Introduction
• General
• Demos
• Sample Projects
• Extensions
• Libraries
• Videos
• Articles
• Podcasts
• Tooling
• Courses
• Community
• Contributing

Introduction

What is Blazor?

Blazor is an experimental .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Warning

Blazor is a really early-stage project, it's not a mature technology and it's absolutely not production-ready.

Requirements

Please note that if you want to open Blazor projects in Visual Studio, you must have Visual Studio 15.7 Preview 1 or later and the .NET Core 2.1 Preview 1 SDK.

General

• ASP.NET Blog Blazor topic on the ASP.NET blog.
• Blazor.net Blazor.net, official documentation website.
• Blazor bites Blazor bites serie on codedaze.io.
• Blazor-Dev gallery on .NET Foundation Daily builds of the 'dev' branch of Blazor.
• Blazor Extensions Curated extensions for Microsoft ASP.Net Core Blazor.
• FAQ FAQ.
• GitHub repository The official Blazor repository.
• Introduction to ASP.NET Core Introduction to ASP.NET Core.
• Learn Blazor An unofficial documentation website (source code here).

Demos

• BlazorCalculator Simple calculator with history and ability to use previous results in new calculations.
• BlazorChess Chess engine implemented with Blazor.
• BlazorClockCanvas Password pattern based on SVG.
• BlazorClockSVG Complex clock based on SVG.
• BlazeDown BlazeDown, online Markdown editor.
• BlazorGameSnake 2D game snake with customizations, path finding algorithm, and sound effects using SVG.
• BlazorPasswordPattern Password pattern based on SVG.
• BlazorRawHtmlRenderer Raw HTML rendering with Blazor.
• Blazorships Blazorships, a Blazor implementation of Battleship using SignalR.
• Demo Official demo website.
• Flight Finder Flight Finder.
• Money Money.
• RealWorld demo RealWorld demo website.
• VocaDB lyrics display VocaDB lyrics display.

Sample Projects

• ASP.NET Core Blazor CRUD ASP.NET Core Blazor Master/Detail CRUD with Filtering and Sorting using EF.
• AsteroidsWasm A mixed bag of C# projects to see if a single .NET Standard base can run across all common platforms include WebAssembly.
• Beam A social network demo application. This is the source code of the LinkedIn course "Blazor First Look".
• Blangular Blazor + Angular, by Daniel Roth.
• BlazorAzureSignalRService Blazor + Azure SignalR Service.
• BlazeDown BlazeDown, online Markdown editor.
• BlazorBricks BlazorBricks, a Blazor implementation of the game Tetris.
• BlazorCalculator Simple calculator with history and ability to use previous results in new calculations.
• BlazorChat Real-time chat app using ASP.NET Core and Blazor, from Daniel Roth.
• BlazorChatSample Blazor chat demo using SignalR JS client with interop.
• BlazorChess Chess engine implemented with Blazor.
• BlazorClockCanvas Complex clock based on Canvas.
• BlazorClockSVG Complex clock based on SVG.
• Blazor.DataDrivenLayout Two example of how to do data driven layouts in Server-side Blazor.
• BlazorElectronExperiment Exploring how a Blazor could be used to build a cross-platform desktop application using Electron.
• BlazorFileReader Read-only File streams in Blazor. Demo.
• BlazorGameSnake 2D game snake with customizations, path finding algorithm, and sound effects using SVG.
• BlazorGeolocation An example of using Geolocation with Blazor.
• BlazorGraphExample Example application for connecting to Graph API from Blazor.
• BlazorNasaImages A sample Blazor app that fetches the Nasa Astronomy Picture of the Day.
• BlazorPasswordPattern Password pattern based on SVG.
• BlazorPong 8 bits pong with blazor and signalR. Warning: Blazor Pong is not finished and is stopped with a knowed SignalR issue with Blazor, more info here.
• BlazorQuiz Simple quiz using Blazor.NET and Webassembly.
• BlazorRawHtmlRenderer Raw HTML rendering with Blazor.
• BlazorServerTree A simple Server-Side Blazor sample app to deal with hierarchical data.
• Blazorships Blazorships, a Blazor implementation of Battleship using SignalR.
• BlazorSignalRTest Test with Blazor and SignalR.
• Blazor Survey A hybrid F#/C# blazor sample app to kick the tyres of blazor.
• BlazorTasks To-Do App.
• Blazor.Toaster A Blazor port of Toastr.js.
• Blazor Tree CRUD CRUD operations with hierarchical data. Blazor Server + GraphQL + EF.
• Blazor.Universal Example of using Blazor to build Xamarin based UWP application without WebAssembly.
• Blazor.Xamarin A Xamarin template for launch and interop a Blazor app on mobile.
• Blazume A simple portfolio/Resume template using Blazor.
• CRUD sample with EF ASP.NET Core Blazor Master/Detail CRUD with Filtering and Sorting using EF.
• Demo Code of the official demo website.
• Flight Finder Flight Finder.
• Hacker News Clone Hacker News Clone.
• Money Money.
• Randify Spotify Playlist randomizer.
• Realworld Blazor realworld example app.
• RxBlazor Rx.NET based MessageService demo for Blazor Framework.
• SitecoreBlazor Sitecore + Blazor.
• Tour of Heroes Blazor implementation of Angular Tour of Heroes.
• Toss.Blazor Twitter-like web application using Blazor.
• TrendTv Fetch video list from youtube and "zap" in real time between trending videos, filtered by country or category.
• VocaDB lyrics VocaDB lyrics display Blazor proto.
• WordDaze Blogging application written using Blazor with a WebAPI backend.

Extensions

• BlazorConfirm A Blazor Wrapper for JS's Window.confirm() and onbeforeunload as .Net Blazor Component (Demo)
• BlazorMaterial Blazor components implementing Google's Material components for web.
• BlazorOfficeUIFabric Microsoft Office Fabric UI port for Blazor.
• BlazorSignalR SignalR Core .NET client library for Blazor. It uses the C# client.
• Canvas HTML5 Canvas API implementation for Microsoft Blazor.
• Logging Microsoft Extension Logging implementation for Blazor.
• Notifications HTML5 Notifications API implementation for Microsoft Blazor.
• SignalR SignalR Core implementation for Blazor. It uses the JavaScript client.
• Storage HTML5 Storage API implementation for Microsoft Blazor.
• Toastr A Blazor port of Toastr.js.

Libraries

• BlazorBits Components including Monaco editor.
• Blazor-Charts SVG charts for Blazor.
• BlazorComponents Reusable components for Blazor. Starting with ChartJS interop.
• BlazorContextMenu A context menu component for Blazor (Demo).
• Blazor-Dashboard Admin Dashboard Template Theme for Blazor.
• BlazorDB In-memory, persisted to local storage, database for Blazor.
• Blazor.FlexGrid GridView component for Blazor.
• Blazor-Fluxor A low-boilerplate Flux/Redux state library for Blazor.
• Blazor Gamepad Provides gamepad API access for Blazor.
• Blazor.Geolocation Blazor interop for browers Geolocation apis.
• Blazor Hotkeys A library to provide configuration-centric keyboard shortcuts for Blazor.
• Blazor LoadingBar Loading bar UI for Client-Side Blazor application.
• BlazoredLocalStorage Local storage for Blazor applications.
• Blazor.Notifications Implementation of the Notification API in C# for Blazor via Interop.
• Blazorous Maintainable CSS with Blazor (Demo).
• Blazor.Payments Blazor Web Agent port of the Web Payment API standard developed by W3C .
• Blazor.Polyfill Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
• BlazorRealm Redux state management for Blazor.
• Blazor-Redux Connecting a Redux state store with Blazor.
• Blazor.Sensors Blazor interop for browers sensor apis.
• BlazorSplit Resizeable split views (Demo).
• Blazor-State Manage client side state in Blazor using MediatR pipeline.
• BlazorStorage Local and session storage support for Blazor.
• BlazorStrap Bootstrap 4 components for Blazor (Demo).
• Blazor Svg Helper SVG classes for using in Blazor.
• Blazor Time Zone Kit A system time zones set, and local time zone initialization for Blazor.
• Blazor.Xamarin A Xamarin template for launch and interop a Blazor app on mobile.
• ChartJs.Blazor Blazor Component that wraps ChartJS.
• Sotsera.Blazor.Toaster A Blazor port of Toastr.js.
• Trail DSL for writing Blazor markup in F# (with an adapter for working with BlazorRedux).

Videos

• The Blazor Show October 9, 2018 - ASP.NET Community Standup - The Blazor Show!
• Developing amazing web apps with ASP.NET Core September 28, 2018 - Microsoft Ignite 2018: Developing amazing web apps with ASP.NET Core, by Daniel Roth.
• Blazor StateHasChanged September 28, 2018 - Blazor-Fluxor, Bionic and some live demos of building Blazor Component Templates with Blazor 0.6.0.
• Blazor StateHasChanged September 22, 2018 - Blazor 0.6.0 Templates, Razor Components, Hosting with Azure Static Websites, and some live demos using Blazor Interop and Geolocation services.
• A fistful of Blazor; Its .NET in the browser September 21, 2018 - A fistful of Blazor; Its .NET in the browser by William Tulloch at the NDC Sydney.
• Blazor: Modern Web development with .NET and WebAssembly September 13, 2018 - Blazor: Modern Web development with .NET and WebAssembly during the .NET Conf 2018.
• What's New in ASP.NET Core? August 11, 2018 - What's New in ASP.NET Core? (31:30).
• ASP.NET Community Standup - Aug 7, 2018 - Meet the MVC Team! August 7, 2018 - ASP.NET Community Standup - Aug 7, 2018 - Meet the MVC Team!
• Bionic - Ionic CLI clone for Blazor July 8, 2018 - Bionic - Ionic CLI clone for Blazor (NuGet package).
• ASP.NET Community Standup - Meet the Blazor team! June 12, 2018 - ASP.NET Community Standup - June 12, 2018 - Meet the Blazor team.
• Blazor, a new .NET SPA framework May 7, 2018 - Presentation of Blazor by Steve Sanderson at the NDC Minnesota.
• .NET Overview & Roadmap May 7, 2018 - .NET Overview & Roadmap (at 1:14:00).
• What's new in Web Development with ASP.NET Core 2.1 May 6, 2018 - What's new in Web Development with ASP.NET Core 2.1 (Blazor part starts at 1:08:57).
• Develop ASP.NET Blazor Apps in a Docker Container April 26, 2018 - Develop ASP.NET Blazor Apps in a Docker Container, from Coding Blocks.
• ASP.NET Community Standup - Blazor Update with Dan Roth and Steve Sanderson - April 3, 2018 - ASP.NET Community Standup - Blazor Update with Dan Roth and Steve Sanderson.
• WebAssembly and Blazor - .NET Concept of the Week - Episode 9 - March 4, 2018 - WebAssembly and Blazor - .NET Concept of the Week - Episode 9.
• Exploring ASP.NET Blazor - Feb 10, 2018 - Exploring ASP.NET Blazor! with Jeffrey T. Fritz.
• ASP.NET Community Standup - Feb 6, 2018 - ASP.NET Community Standup - Blazor Update.
• Web Apps can’t really do that, can they? - Steve Sanderson - July 10, 2017 - Web Apps can’t really do that, can they? - Steve Sanderson.

Articles

• Blazor: Working with Events October 31, 2018 - Blazor: Working with Events, by Visual Studio Magazine.
• Implementing server side CosmosDB pagination in a Blazor Web App October 31, 2018 - Implementing server side CosmosDB pagination in a Blazor Web App (Part 1: Page Number and Page Size).
• Blazor Q&A with Microsoft's Daniel Roth October 25, 2018 - Blazor Q&A with Microsoft's Daniel Roth.
• Building offline Blazor application October 24, 2018 - Building offline Blazor application.
• Service lifetimes in Blazor October 22, 2018 - Service lifetimes in Blazor.
• Pages in ASP .NET Core: Razor, Blazor and MVC Views October 21, 2018 - Pages in ASP .NET Core: Razor, Blazor and MVC Views.
• Server-side Blazor applications October 19, 2018 - Server-side Blazor applications.
• Building a blogging app with Blazor: adding authentication October 15, 2018 - Building a blogging app with Blazor: adding authentication.
• Get Started with Blazor and WebAssembly October 15, 2018 - Get Started with Blazor and WebAssembly.
• A nicer looking Blazor loading page October 14, 2018 - A nicer looking Blazor loading page.
• Deploying a Blazor Application on Azure October 12, 2018 - Deploying a Blazor Application on Azure.
• A Blazor Tip You Should Almost Certainly Ignore October 10, 2018 - A Blazor Tip You Should Almost Certainly Ignore.
• Building Blazor apps with SignalR Core October 3, 2018 - Building Blazor apps with SignalR Core.
• Server-Side Blazor to ship in .NET Core 3.0 October 3, 2018 - Server-Side Blazor to ship in .NET Core 3.0.
• Blazor 0.6.0 experimental release now available October 2, 2018 - Blazor 0.6.0 experimental release now available.
• Integrating JavaScript and C# in the Browser: Beyond the Basics with Blazor October 1, 2018 - Integrating JavaScript and C# in the Browser: Beyond the Basics with Blazor.
• Cutting Edge - Blazor at Work: Events, Binding and Composition October 1, 2018 - Cutting Edge - Blazor at Work: Events, Binding and Composition.
• Work with Cassandra API in Cosmos DB October 1, 2018 - Work with Cassandra API in Cosmos DB.
• Building a blogging app with Blazor: Editing & Deleting Posts September 24, 2018 - Building a blogging app with Blazor: Editing & Deleting Posts.
• Data Driven Layout in Server-side Blazor September 24, 2018 - Data Driven Layout in Server-side Blazor.
• Building a blogging app with Blazor: add post September 18, 2018 - Building a blogging app with Blazor: add post.
• Dependency Injection Lifetimes in Blazor September 17, 2018 - Dependency Injection Lifetimes in Blazor.
• How to Consume Web APIs in Blazor September 13, 2018 - How to Consume Web APIs in Blazor.
• Integrating Stripe Payment In With Blazor And Aspnet Core September 11, 2018 - Integrating Stripe Payment In With Blazor And Aspnet Core.
• Working with the Blazor JavaScript Interop September 5, 2018 - Working with the Blazor JavaScript Interop.
• Cutting Edge - Never Mind JavaScript, Here’s Blazor September 4, 2018 - Cutting Edge - Never Mind JavaScript, Here’s Blazor, published on Microsoft Magazine.
• Web Development - C# in the Browser with Blazor September 4, 2018 - Web Development - C# in the Browser with Blazor, published on Microsoft Magazine.
• Building a blogging app with Blazor: Listing Posts September 3, 2018 - Building a blogging app with Blazor: Listing Posts.
• Blazor: .NET in the browser September 1, 2018 - Blazor: .NET in the browser, from DNC Magazine.
• Integrating Blazor and JavaScript Code August 27, 2018 - Integrating Blazor and JavaScript Code.
• Building a blogging app with Blazor: Getting Setup August 27, 2018 - Building a blogging app with Blazor: Getting Setup.
• Client side validation with Blazor and System.DataAnnotation August 23, 2018 - Client side validation with Blazor and System.DataAnnotation.
• Writing a Blazor app August 20, 2018 - Writing a Blazor app.
• Localizing DateTime (and numbers) in Blazor August 17, 2018 - Localizing DateTime (and numbers) in Blazor.
• Introduction to Server-side Blazor aka Razor Components August 11, 2018 - Introduction to Server-side Blazor aka Razor Components.
• I18n With Blazor And Aspnet Core August 11, 2018 - Internationalizing a Blazor App with ASPNET Core as backend service.
• WebAssembly August 5, 2018 - Interview with Steve Sanderson (Talking Blazor).
• Web Assembly and Blazor: Re-assembling the Web July 31, 2018 - Web Assembly and Blazor: Re-assembling the Web.
• Understanding Server-Side Blazor July 29, 2018 - Understanding Server-Side Blazor.
• Blazor 0.5.0 experimental release now available July 25, 2018 - Blazor 0.5.0 experimental release now available.
• CSRF protection with ASPNET Core and Blazor July 22, 2018 - CSRF protection with ASPNET Core and Blazor.
• Blazor for Knockout.js Developers July 20, 2018 - A brief comparison between two of Steve Sanderson’s Creations.
• Uploading a file in a Blazor app July 12, 2018 - Uploading a file in a Blazor app.
• Adding search to Blazor applications July 11, 2018 - Adding search to Blazor applications.
• SPA framework on .Net via WebAssembly July 10, 2018 - SPA framework on .Net via WebAssembly.
• ASP.NET Core Blazor CRUD July 9, 2018 - ASP.NET Core Blazor Master/Detail CRUD with Filtering and Sorting using EF.
• Improved Cascading Dropdowns With Blazor July 5, 2018 - Improved Cascading Dropdowns With Blazor.
• Hosting a Blazor App in Azure Storage Static Websites June 28, 2018 - Hosting a Blazor App in Azure Storage Static Websites.
• Implementing Google OAuth with Blazor June 28, 2018 - Implementing Google OAuth with Blazor (0.4) and ASPNET Core 2.1.1.
• Web Assembly, Blazor and the future of Web Development June 25, 208 - Web Assembly, Blazor and the future of Web Development.
• Hosting Blazor on Netlify Hosting Blazor on Netlify.
• Who is Blazor for Exactly? June 13, 208 - Who is Blazor for Exactly?
• Blazor 0.4.0 experimental release now available June 7, 2018 - Blazor 0.4.0 experimental release now available.
• Blazor Update Boosts .NET/JavaScript Interoperability June 8, 2018 - Blazor Update Boosts .NET/JavaScript Interoperability.
• An Introduction to Blazor June 5, 2018 - An Introduction to Blazor.
• Creating an SPA Using Razor Pages With Blazor June 4, 2018 - Creating an SPA Using Razor Pages With Blazor (Article on FreeCodeCamp - Article on DZone).
• Cascading DropDownList in Blazor Using EF Core May 14, 2018 - Creating a cascading dropdown list in Blazor using Entity Framework Core database first approach.
• Deploying a Blazor Application on IIS May 14, 2018 - Deploying an ASP.NET Core hosted Blazor application with the help of IIS 10 on a Windows 10 machine.
• Blazor Steals the Show in VSLive! May 3, 2018 - Blazor Steals the Show in VSLive! .NET Keynote.
• Blazor 0.3.0 experimental release now available May 2, 2018 - Blazor 0.3.0 experimental release now available.
• Blazor, Razor, WebAssembly, and Mono April 24, 2018 - Blazor, Razor, WebAssembly, and Mono, How the pieces fit together.
• BlazeDown with Blazor April 20, 2018 - BlazeDown with Blazor (Blazor + Markdown = BlazeDown!).
• Blazor 0.2.0 release now available April 18, 2018 - Blazor 0.2.0 release now available.
• ASP.NET Core – CRUD Using Blazor And Entity Framework Core April 9, 2018 - Creating a web application using Blazor with the help of Entity Framework Core.
• Using C# await against JS Promises in Blazor April 7, 2018 - Using C# await against JS Promises in Blazor.
• Create a CRUD App using Blazor and ASP.NET Core April 5, 2018 - Create a CRUD App using Blazor and ASP.NET Core.
• Blazor – You Want To Run .NET Where?! April 5, 2018 - Blazor – You Want To Run .NET Where?!
• What is Blazor and why is it so exciting? March 24, 2018 - What is Blazor and why is it so exciting?
• 'Death to JavaScript!' Blazor, for .NET Web Apps Using WebAssembly, Goes Alpha March 23, 2018 - 'Death to JavaScript!' Blazor, for .NET Web Apps Using WebAssembly, Goes Alpha.
• Get started building .NET web apps that run in the browser with Blazor March 22, 2018 - Get started building .NET web apps that run in the browser with Blazor.
• Blazor and .NET Core hosting – the future’s bright March 5, 2018 - Blazor and .NET Core hosting – the future’s bright.
• Blazor: a web UI framework running C# and .NET in the browser February 8, 2018 - Blazor: a web UI framework running C# and .NET in the browser.
• A new experiment: Browser-based web apps with .NET and Blazor February 6, 2018 - A new experiment: Browser-based web apps with .NET and Blazor.
• Blazor: a technical introduction February 6, 2018 - Blazor: a technical introduction.
• Running Blazor on Mono in the browser - November 5, 2017 - Running Blazor on Mono in the browser.
• .NET and WebAssembly - Is this the future of the front-end? - August 12, 2017 - .NET and WebAssembly - Is this the future of the front-end?

Podcasts

• Ed Charbeneau on Blazor September 17, 2018 - Ed Charbeneau on Blazor.
• Blazor brings .NET to Web Assembly with Steve Sanderson July 26, 2018 - Blazor brings .NET to Web Assembly with Steve Sanderson.
• Episode 037 – Blazor with Daniel Roth April 30, 2018 - Episode 037 – Blazor with Daniel Roth.
• MS Dev Show : Blazor March 19, 2018 - MS Dev Show Episode 184: Blazor (.NET in WebAssembly) with Dan Roth & Steve Sanderson.
• .NET Rocks, WebAssembly and Blazor with Steve Sanderson July 4, 2017 - .NET Rocks 1455, WebAssembly and Blazor with Steve Sanderson.
• Inside WebAssembly with Mozilla Fellow David Bryant May 25, 2017 - Inside WebAssembly with Mozilla Fellow David Bryant.

Tooling

• ASP.NET Core Blazor Language Services Provides Visual Studio support for ASP.NET Core Blazor.
• .NET Core .NET Core.
• Razor+ Improved Razor support for VS Code with a mind towards Blazor.
• Visual Studio Latest preview of Visual Studio.
• Visual Studio Code Visual Studio Code, free, open source and cross-platform code editor.

Courses

• Blazor First Look on LinkedIn Learning Blazor First Look on LinkedIn Learning. Source code.

Community

• Gitter Blazor discussion on Gitter.
• Stack Overflow Blazor questions feed on Stack Overflow.
• Twitter Hashtag on Twitter.
• Awesome Blazor on Twitter This repository's Twitter feed.

Contributing

Please see CONTRIBUTING for details.