Courses & TutorialsProgramming
Awesome Blazor – Massive Collection of Resources
A collection of awesome Blazor resources.
Blazor is a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Contents
- Introduction
- General
- Sample Projects
- Tutorials
- Libraries & Extensions
- Videos
- Articles
- Podcasts
- Presentations slides
- Tooling
- Books
- E-Books
- Courses
- Community
- Other Languages
Introduction
What is Blazor?
Blazor is a .NET web framework to build client web apps with C#.
Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.
More information on the official Blazor website.
Get started
To get started with Blazor, follow the instructions in the Blazor Get Started documentation.
General
- ASP.NET Blog’s archives – Archives of the ASP.NET blog about Blazor.
- Blazor – Official website of Blazor, from Microsoft.
- Blazor courses on Microsoft Learn – Blazor courses on Microsoft Learn.
- Blazor-Dev gallery on .NET Foundation – Daily builds of the ‘dev’ branch of Blazor.
- Blazor Extensions – Curated extensions for Microsoft ASP.Net Core Blazor.
- Blazor University – Unofficial documentation website.
- Demo – Official basic demo website.
- Documentation – Official documentation, by Microsoft.
- eShopOnBlazor –
Migration of a traditional ASP.NET Web Forms app to Blazor, sample by Microsoft Architecture.
- FAQ – FAQ.
- GitHub repository –
The official Blazor repository (which is the ASP.NET Core repository).
- ‘Hello World’ sample – ‘Hello World’ sample.
- Introduction to ASP.NET Core – Introduction to ASP.NET Core.
- Workshop –
Build a complete Blazor app and learn about the various Blazor framework features along the way.
- Blazor WebAssembly performance best practices – ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson.
Sample Projects
Authentication
- BlazorBoilerplate –
Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. Demo.
- BlazorWithIdentity –
A sample project showcasing a Blazor app using EF Core with Identity authentication.
- Authentication with client-side Blazor –
Authentication with client-side Blazor using WebAPI and ASP.NET Core Identity. Blog post.
- BlazorAuthenticationSample –
A sample showing some of the ASP.NET Core Blazor authentication features (also some testing…).
- TheIdServer –
OpenID/Connect server base on IdentityServer4.
- Blazor and Identity Server –
This project demonstrates how to secure a Blazor WebAssembly application with a standalone Identity Server instance and use it to acquire a token for a protected API.
- BlazorGraphApi –
Blazor Server App with AD Authentication, that calls the MS Graph API on-behalf of the signed-in user using Microsoft.Identity.Web.
- Blorc.OpenIdConnect –
The right way to use OpenID Connect on Blazor.
- Blazor-WASM-Identity-gRPC –
Blazor WASM, IdentityServer4 & gRPC with roles authorization.
- Blazor-WASM-AzureAD-gRPC –
Blazor WASM, Azure AD, REST & gRPC.
- Blazor-WASM-Auth0-gRPC –
Blazor WASM, Auth0, REST & gRPC.
- Blazor WebAssembly and Azure Active Directory –
Blazor WebAssembly application secured with Azure Active Directory. This source code is related to an article on Medium: Securing a Blazor WebAssembly application with Azure Active Directory.
- Blazor Authentication Extension for Azure Static Web Apps –
Blazor Authentication Extension for Azure Static Web Apps.
- Quiz manager secured by Auth0 –
This repository contains a Blazor WebAssembly application implementing a simple Quiz manager secured by Auth0. The implementation details are described in the following article: Securing Blazor WebAssembly Apps.
Cloud
- BlazorFile2Azure –
Upload a file from Blazor WebAssembly to Azure Blob Storage.
- Blazor WASM Deployment –
Sample repo for showing Actions to deploy a Blazor app to Azure services.
- Blazor.JobBoard –
Blazor WebAssembly based jobboard application deployed to Azure Storage Static Site. Demo.
- EventGrid Viewer Blazor –
Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
CMS
- Blogifier –
ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
- RapidCMS –
A code-first, extensible Blazor app that generates a CMS for your own database.
- JHipster.NET
JHipster is a well-known platform for generating modern application in java world. JHipster provides a blueprints system that allows to override the default behavior of the generator. JHipster.NET is a blueprint that overrides the back-end part, originally generated in spring boot, by back-end in asp.net core. For the front-end all the common language can be used (angular, react), including Blazor.
- BlazorForum –
Forum application built with Blazor.
- BlazorShop –
Simple shop application built with Blazor WebAssembly.
- Atlas –
A forum software built with ASP.NET Core Blazor WebAssembly.
- Gitter –
A Blazor Gitter client.
- AcBlog –
A blogging PWA that can be hosted as a full static website or as a server-prerender dynamic website. GitHub Pages Demo.
- BlazingOrchard –
Blazing Orchard is a modular application framework that turns your Blazor project into a CMS-powered Blazor application by leveraging Orchard Core as a decoupled backend/CMS server using its REST & GraphQL APIs.
- BlazorGhost –
A Blazor frontend for Ghost blogs.
- BlazorWPBlog –
WordPress blog with Blazor.
Games
- AsteroidsWasm –
Collection of .NET 5 C# applications consuming a single .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron (via Blazor Server), WPF, WinForms, Xamarin. Demo.
- Trains.NET –
2D game built with .NET and C#.
- Flappy Blazor Bird –
Blazor Flappy Bird’s port. [Wasm Demo] | [Multiplayer Demo].
- DiabloBlazor –
Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. Demo.
- BlazorGames –
This project is a Blazor WebAssembly project where we design, model, implement, and play common board and card games. This website is deployed here: blazorgames.net.
- BlazorPong –
– Pong in Blazor server model and Wasm model using SignalR Core. Server Demo. Wasm Demo.
- BlazorConnectFour –
Classic childhood game ConnectFour in Blazor.
- Memory Game Wasm/PWA –
Simple Memory game with PWA support. Demo.
- BlazorGame –
BlazorGame is a small proof-of-concept project to investigate the feasability of Blazor-based C# game development.
- Lights out Blazor –
Clone based on the 1995 game Lights Out by Tiger Electronics Demo.
- Minesweeper –
Minesweeper using C# and Blazor WebAssembly.
- TicTacToe –
Tic Tac Toe game using blazor webassembly. Here is a Demo and a Blog post.
- ZXSpectrum –
ZX Spectrum emulator running on Blazor WebAssembly. Demo.
- BlazorDungeon –
– Multiuser dungeon game. Text based graphics. Up to 5 simultaneous players. Demo.
- Flappy Bird
A Blazor WebAssembly implementation of Flappy Bird.
- BlazorWordGame
Online Multiplayer Word Game With Blazor and SignalR on .NetCore.
- Blazorships –
Battleship implementation built with Blazor and SignalR.
- TetrisBlazor –
Online Game With Blazor and SignalR on .NetCore. Demo.
Hybrid
- Blazor + Electron – Host Razor Components inside an Electron shell. This allows for modern, high-performance cross-platform desktop apps built with .NET and web technologies.
- Blazor + WebWindow – WebWindow is like Electron, but without bundling Node.js or Chromium, and without most of the APIs. WebWindow source code. Blazor + WebWindow sample here.
- BlazorMobile –
Create full C# driven hybrid-apps for iOS, Android, UWP & Desktop with Blazor.
- BlazorWebView –
A BlazorWebView “Control” that is easily embedded in (Native) UI frameworks.
- BlazorGrpc –
Sample project that demonstrates how you can use the power of Blazor, ASP.NET Core, and gRPC to create a web application which can communicate with a backend that uses gRPC.
- Blazor + Sitecore –
Example of dynamic pages and routes with SiteCore and Helix.
- Try F# on WebAssembly –
The F# compiler running in WebAssembly with Bolero.
- BlazorPoint –
Sample App to help you get started with hosting Blazor on SharePoint Pages, completely Client Side.
- gRPC-Web –
Sample about gRPC-Web and Blazor WebAssembly.
- Blazor + Umbraco Heartcore –
Example of using Umbraco Heartcore with Blazor.
- BlazorGrpcWebCodeFirst –
Sample project that demonstrates how you can use gRPC-Web with Blazor WebAssembly hosted on ASP.NET Core. Publish and consume your services without having to create .proto files – with the code-first approach.
- SignalR CLR –
This is a simple example of using SignalR and Blazor WebAssembly together to eliminate the need for any JavaScript when handling server event’s. Blog post about this sample.
- Serverless StreamR –
A serverless port of StreamR powered by Blazor WebAssembly and Azure.
- TonClientBlazor –
Free TON network client. Demo.
- Blazor Server Firestore Integration
Source code of the article Building Real-Time Applications with Blazor Server and Firestore.
IoT
- PresenceLight –
PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. Blog post. Demo video.
Logging
- Logging.Samples –
Samples for .NET Core and ASP.NET Core logging using various logger frameworks.
Machine Learning
- Scalable sentiment analysis –
A sample ables to make sentiment analysis prediction/detection of what the user is writing in a very UI interactive app (Blazor based) in the client side and running an ML.NET model (Sentiment analysis based on binary-classification) in the server side.
- optimizer.ml –
A “server-less” general purpose optimization suite for algorithm parameters. Also provides offline optimization of Quantconnect Lean trading algorithms. Demo (https://optimizer.ml).
- Baseball Machine Learning Workbench –
A web application that showcases performing what-if analysis using in-memory Machine Learning models. Live demo.
- PropertyPrices –
A blazor front-end site that provides analysis and ensemble learning predictions (through SharpLearning) of property prices in the UK. Demo (https://propertyprices.org.uk).
- BlazorML5 –
ML5 Machine Learning for Blazor with JSInterop mechanism.
- BlazorChifoumi –
Exploring machine learning with a Chifoumi game.
Mobile
- Mobile Blazor Bindings – Experimental Mobile Blazor Bindings – Build native mobile apps with Blazor.
ToDos
- Minimal ToDo by David Fowler –
Minimal ToDo backend API implementation by David Fowler from Microsoft.
- Bolero.TodoMVC –
A TodoMVC clone using Bolero.
Others
- Flight Finder –
Flight Finder.
- Oqtane Framework –
Modular Application Framework for Blazor.
- CarChecker –
This is a sample application for Blazor by Steve Sanderson which was presented at Build 2020. You can view the on-demand walk-through for this on Channel 9: Modern Web UI with Blazor WebAssembly. This is a great sample which has a lot of Blazor + ASP.NET integrations such as: client-side debugging with Visual Studio, authentication / authorization, input validation, data integration/sync, Blazor components, code sharing, JavaScript interop, localization / internationalization, Progressive Web App (PWA) and more.
- LinqToTwitter Blazor sample –
LINQ Provider for the Twitter API (Twitter Library).
- BlazorFileReader –
Read-only File streams in Blazor. Demo.
- Toss.Blazor –
Twitter-like web application using Blazor.
- BlazorChatSample –
Blazor chat demo using SignalR JS client with interop.
- eShopOnBlazor –
Migration of a traditional ASP.NET Web Forms app to Blazor.
- Blazor contacts –
A project template for OData API, IdentityServer4 auth, and server-side Blazor.
- Money –
A money manager implemented using CQRS+ES. Demo.
- BlazorCRUD –
Sample line of business application that illustrates key features of Blazor. Demo.
- Return –
Realtime retrospective tool built in ASP.NET Core and Blazor.
- NethereumBlazor –
Ethereum blockchain explorer and simple wallet.
- Runny –
Prototype of running roslyn in the browser via Blazor. Demo.
- BlazorDynamicList –
Dynamic component binding for a generic list. Demo.
- BlazorServerTree –
A simple Server-Side Blazor sample app to deal with hierarchical data.
- WebSocketPage –
Web Socket in Blazor. demo.
- BlazorPages –
A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
- C# Minifer
A client-side Blazor application demonstrating live minification of C# code using the C# Minifier library. Demo.
- Planning Poker –
An app to play Planning Poker for distributed teams. The app is implemented using Blazor and shows how to switch between client-side and server-side mode with a configuration change. Demo.
- Gjallarhorn –
Compare packages on different NuGet-sources. Demonstrating Client-Side Blazor MVVM-style.
- C# Regex Tester online –
Online tool for verify .Net regex syntax. (Demo).
- C# Regex Online tool –
Online tool for verify .Net regex syntax, see splits list, table etc. (Demo).
- Blazor Tour of Heroes – Blazor Tour of Heroes, using Blazor-State(State Management architecture utilizing the MediatR pipeline) for the Redux style state.
- Blazor.Console –
A simple component to mock CLI for ASP.NET Core 3.0 Blazor applications to execute some custom commands for an application.
- Cognitive Studio –
PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. Demo.
- Blazor Wake-on-LAN –
Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
- BlazorOCR –
A Blazor WebAssembly application for reading receipts.
- Dcidr –
Blazor WebAssembly decision-making app with PWA (offline), localstorage, and Excel export. Demo.
- BlazorParallax –
Simple Parallax Page sample with Blazor Server.
- GTAVehicles –
Sample app to manage GTA vehicles. Demo.
- BlazingWaffles –
A Blazor app that wraps Waffle Generator. The generator outputs readable gibberish that can be used in place of Lorum Ipsum. Demo.
- Poker Odds Pro Calculator –
Responsive poker odds calculator using blazor WebAssembly and pure C#. Demo.
- Cærostris –
A Blazor Spotify client.
- Blazor Chat –
A sample project that demonstrates using a Singleton class to communicate to all subscribers. Site is also live at https://blazorchat.com.
- Nethereum Playground –
Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
- BlazorAnimate –
A simple example of animating text along a path using Blazor Canvas Extensions. Demo.
- Realtime chat app with WebAssembly –
Real-time chat application with SignalR, .NET and Blazor/WebAssembly.
- BlazorContrib –
Experiment of a Blazor renderer for Markdig, a Markdown component.
- BlazeReport –
A minimal example of a Blazor App with NUnit, Selenium, SpecFlow and ExtentReports.
- BlazorConduit –
The RealWorld example app written using Blazor. Demo.
- Send an Sms –
This demo shows how to send an Sms with Blazor using the Vonage SMS API.
- Ray Tracer –
Simple ray tracer in Blazor.
- Blazor Web Camera Application Example –
Here is a fun example of using camera in the ASP.NET Core Blazor WebAssembly application. Complete description of how it was created on this blog’s post Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application.
- BlazorPowerHour –
The Blazor Power Hour show index, by Ed Charbeneau.
- BlazorMoonPhase –
Moon Phase Sighting app using Blazor WebAssembly, by Lohith GN. Demo.
- BlazorTemplates –
A collection of blazor templates, designed for common use cases for new projects.
- Pattern Maker –
C# code transformation demo that uses Roslyn and Monaco Editor. Demo, Demo2.
Tutorials
- Blazor workshop –
Blazor app building workshop by .NET Foundation, Blazzing Pizza.
- Create a Blazor Server app that uses the Microsoft identity platform for authentication – October 2020 – Tutorial by Microsoft. Blazor Server provides support for hosting Razor components on the server in an ASP.NET Core app. In this tutorial, you learn how to implement authentication and retrieve data from Microsoft Graph in a Blazor Server app with the Microsoft identity platform.
- Building a Blazor farm animal soundboard – October 2020 – Building a Blazor farm animal soundboard, by JetBrains. Source code
.
- Tour of Heroes in Blazor Wasm Playlist – August 2020 – Using .Net 5 and Blazor WASM to create the Tour of Heroes app with the addition of how to create Unit Tests with bUnit. This tutorial counts 9 videos on YouTube.
- Yahtzee in Blazor WebAssembly – August 2020 – Tutorial by Exception Not Found. Part 1: the C# model. Source code
.
- Build a video portal with Blazor – August 2020 – Website contains videos about building a video portal with Blazor.
- Online Multiplayer Word Game With Blazor and SignalR on .NetCore – August 8, 2020 – Let’s build a simple online multiplayer word game with Blazor using SignalR for realtime communication between two players. All the words will keep in MongoDB and it will supports multi-platforms with .Net Core. Source code
.
- Build a Blazor WebAssembly line of business app – June, 2020 – Build a Blazor WebAssembly line of business app. Part 1. Part 2. Part 3. Part 4. Source code
.
- Simple RPG with .NET and Azure technologies – Follow along with the Simple RPG tutorials as we learn new areas of .NET and Azure technologies focused around Blazor client applications and Azure Functions for web service backends. Source code: https://dev.azure.com/d20Tek/SimpleRPG/_git/simple-rpg-game.
- Create a 2D game with Blazor – July 2020 – Part 1: Intro. Part 2: Canvas initialization. Part 3: Sprite rendering. Part 4: Moving a sprite. Source code
.
- Build Tic Tac Toe game with Blazor WebAssembly – July 2020 – Build Tic Tac Toe game with Blazor WebAssembly. Source code
. Demo.
- Create a small blog in Blazor – June, 2020 – Create a small blog in Blazor, by RoundTheCode. Part 1: Create application in Visual Studio. Part 2: Entity Framework integration. Part 3: Build Entity Framework queries. Part 4: Build Category and Page Razor Components.
- Custom Authentication in Blazor WebAssembly – Detailed Tutorial – June 12, 2020 – In this next part of the Blazor Blog Series, Let’s learn about implementing Custom Authentication in Blazor WebAssembly Project (Blazor.Learner). We will cover some core concepts that can get you familiar with how authentication works in Blazor Applications. Source code
.
- Blazor CRUD with Entity Framework Core – Detailed Tutorial – June 4, 2020 – Building a CRUD Application is like the Hello World for Intermediate Developers. It helps you understand the most common operations of any particular stack. In this tutorial, let’s build a Client-side Blazor CRUD Application that uses Entity Framework Core as it’s Data Access Layer. Source code
.
- Creating Outlook Calendar Client from scratch – May, 2020 – In this course you’ll see how to develop a calendar application from scratch (design, structing and logic) then make it integrated with Microsoft Outlook so our events on the calendar being synced with Outlook. Source code
.
- PlannerApp full client-side project with Blazor WebAssembly – March 2020 – Video tutorial that covers how to build a full client-side application using Blazor WebAssembly, The back-end is already done and hosted on Azure so we will take advantage of that to teach you how to develop full application from scratch. Source code.
- Build an Authenticated Web App in C# with Blazor – March, 2020 – Build an Authenticated Web App in C# with Blazor and octa.com service.
- Building an Application with Blazorade Bootstrap – February 17, 2020 – Building an Application with Blazorade Bootstrap. Part 3. Part 2. Part 1. Source code.
- Creating a step-by-step end-to-end database Client-Side (WebAssembly) Blazor application – February 15, 2020 – This post covers how a list of Weather forecasts can be added to the database by each user. A user will only have the ability to see their own forecasts.
- Getting started with Blorc.PatternFly – January 7, 2020 – Getting started with Blorc.PatternFly. What is Blorc.PatternFly? Standing for Blazor, Orc, and PatternFly, Blorc.PatternFly is a library with the ultimate goal of wrapping all PatternFly components and making them available as Blazor components. Source code.
- Archives – 2019, 2018.
Libraries & Extensions
Reusable components like buttons, inputs, grids and more.
Component bundles
- Ant Design Blazor –
A set of enterprise-class UI components based on Ant Design and Blazor. (Docs as Demo).
- MatBlazor –
Material Design components for Blazor. (Demo).
- Blazorise –
Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
- BlazorStrap –
Material Design components for Blazor. Bootstrap 4 components for Blazor (Demo).
- Element-Blazor –
A blazor component library using Element UI. API imitates Element, CSS directly uses Element’s style, HTML structure directly uses Element’s HTML structure. Blazor WebAssembly Version demo. Blazor WebAssembly Version PWA Mode demo.
- Radzen.Blazor –
Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
- BlazorFluentUI –
Simple port of FluenUI/Office Fabric React components and style to Blazor. Client-side demo (WebAssembly). Server-side demo (SignalR).
- Skclusive.Material.Components –
Material Design components for Blazor (Dashboard Demo), (Components).
- ComponentOne Blazor UI Components – External link. A fast datagrid, listview, input and other native Blazor components for server and client-side apps.
- DevExpress Blazor UI Components –
A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts) for both Blazor server-side and Blazor client-side platforms.
- BlazorWebFormsComponents –
A collection of Blazor components that emulate the web forms components of the same name.
- BootstrapBalzor –
Reusable bootstrap components for Blazor. (Docs as Demo).
- MudBlazor –
MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. Documentation. Demo.
- Syncfusion Blazor UI Components –
The most comprehensive native Blazor component library including Data Grid, Charts, Scheduler, Diagram and Document Editor components. (Demo).
- ADMINLTE –
ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.
- LoreSoft.Blazor.Controls –
Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
- Material.Blazor –
An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from Google’s material-components-web – we don’t try to sit between you and your use of Google’s CSS and SASS because they do it better than we ever could. We also have some cool “plus” components. See our demo and comprehensive documentation.
- MComponents –
Open Source MIT Blazor Components: Grid, Select, Wizard etc.
- PanoramicData Blazor UI Components –
An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. Demo.
- Telerik UI for Blazor – External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
- Start Blazoring – A Blazor starter template built using Blazorise. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
- jQWidgets Blazor UI Components –
Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. Website.
- Smart UI for Blazor –
Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. Website.
Individual components
API
- Canvas –
HTML5 Canvas API implementation for Microsoft Blazor.
- Head Element Helper –
<Title>
and<Meta>
components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. (Demo). - BrowserInterop –
This library provides access to browser API in a Blazor App.
- Blazor.Canvas –
Wrapper library around the HTML canvas API written in C# (no JS dependency) (Demo).
- Sve-Blazor-InfiniteScroll –
Simplistic implementation of an infinite scroll component for Blazor.
- BlazorGooglePay –
Blazor wrapper around Js Google Pay, library based on BrowserInterop.
- BlazorDependencies –
Js library that helps maitain dependencies of one Razor Class Library to another one without manually adding scripts and css-styles for each library.
Charts
- ChartJs.Blazor –
Brings ChartJs charts to Blazor.
- Blazor-Charts –
SVG charts for Blazor.
- GG.Net Data Visualization –
Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. Website.
- Blazor-Sparkline –
Sparkline Charts for Blazor using Fonts.
- Blazor-ApexCharts –
Blazor wrapper for ApexCharts. Demo.
- Plotly.Blazor –
Brings the charting library plotly.js with over 40 chart types to Blazor (Demo).
CSS
- BlazorStyled –
CSS in Blazor Components (Demo).
- BlazorSize –
BlazorSize is a JavaScript interop library for Blazor that is used to detect the Browser’s current size, change in size, and test media queries.
- BlazorAnimation –
A Blazor component based on animate.css to easly animate your content. Demo.
- Flexor –
Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).
- BlazorCss –
CSS Helper for BlazorStyled which provides auto complete CSS styles.
- BlazorCssGrid –
Css Helper for defining Grid SPA layouts in BlazorStyled.
Datagrids / tables
- Grid.Blazor –
Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
- Blazor.FlexGrid –
GridView component for Blazor.
- Sve-Blazor-DataTable –
Blazor DataTable component with support for client/server side paging, filtering and sorting, build on top of bootstrap 4.
- Table.Net –
Interactive and flexible Data Tables for Blazor Web Apps.
- BlazorTable –
A Table Control for Blazor with sorting, paging, filtering and more (Demo).
- WpfGridLayout.Blazor –
Provide a simple way to create a grid layout like WPF in Blazor.
Date & time
- NodaTimePicker –
A Date/Time picker component library for Blazor using NodaTime. Demo.
- BlazorDateRangePicker –
A date range picker component library for Blazor. Demo.
- FlatpickrBlazor –
Flatpickr Blazor interop.Demo.
Maps
- BlazorGoogleMaps –
Blazor interop for GoogleMap library.
Markdowns
- RazorComponents.Markdown –
A razor component for Markdown rendering which supports LaTeX, Mermaid diagram, code highlighting and extensions based on Markdig.
- Blazor Markdown –
A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.
Modal, Toast & Notifications
- Blazored.Modal –
A JavaScript free modal library for Blazor and Razor Components applications.
- Blazored.Toast –
A JavaScript free toast library for Blazor and Razor Component applications.
- Sotsera.Blazor.Toaster –
A Blazor port of Toastr.js. Demo.
Testing
- bUnit – a testing library for Blazor components –
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.
Others
- Stl.Fusion –
.NET Core and Blazor library that attempts to dramatically improve the way we implement real-time and high-load services by introducing a novel kind of “computed observables” – immutable, thread-safe, and most importantly, almost invisible for developers. Samples. Overview.
- BlazorContextMenu –
A context menu component for Blazor (Demo).
- BlazorInputFile –
A file input component for Blazor applications, by Steve Sanderson.
- Blazored.Typeahead –
Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
- Blazor-DragDrop –
Easy-to-use Drag and Drop library for Blazor.
- Blazored.Menu –
A JavaScript free menu library for Blazor and Razor Components applications.
- Blazor LoadingBar –
Loading bar UI for Client-Side Blazor application.
- Z.Blazor.Diagrams –
A fully customizable and extensible all-purpose diagrams library for Blazor, inspired by the popular react-diagrams library, with many additions. Demo.
- Excubo.Blazor.Diagrams –
Interactive diagram component (flowcharts, UML, BPMN, …), customizable and extensible according to user needs (node types, styles). Demo.
- Blazor.SignaturePad –
A Blazor component library that utilizes Szymon Nowak’s javascript library Signature Pad to implement smooth signature drawing on a HTML5 canvas.
- Blorc.PatternFly –
Blazor wrappers for PatternFly. To view the latest develop branch in action, visit the demo app.
- BlazorTransitionableRoute –
Allows current and previous route to exist enabling transition animations of UI/UX design systems.
- Blazor-Dom-Confetti –
Celebrate success with dom 🎉confetti🎉 on Blazor projects. Two versions, dom-confetti wrapper and native blazor 100% JS free.
- TwitterShareButton –
A Tweet Button component for Blazor.
- Blazor.LoadingIndicator –
Simple to use loading indicator helper library.
- BlazorTypography –
A powerful toolkit for building websites with beautiful design (Demo).
- Razor.SweetAlert2 –
Blazor component implementing the popular SweetAlert2 JavaScript Library.
- Blazor.SpinKit –
Blazor components for SpinKit spinners.
- Localized Data Annotations Validator –
The data annotations validator for Blazor to localize validation error messages. (Demo).
- LiquidTechnologies.Blazor.ModalDialog –
Turns Blazor components into Modal Dialogs, allows values to be returned from the dialogs (var result = await ShowDialogAsync(…)), includes simple MessageBox and data capture dialogs (for Blazor Client & Server).
- BlazorMonaco –
Blazor component for Microsoft’s Monaco Editor which powers Visual Studio Code. (Demo).
- BlazorContentEditable –
Provides contenteditable functionality for Blazor. (Demo).
- Blazor.Grids –
Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. (Demo).
- Blazor.TreeViews –
Component library for tree views. (Demo).
- DnetOverlay –
Agular CDK Overlay implementation for Blazor.
- GEmojiSharp.Blazor –
GitHub Emoji for Blazor (Demo).
- Texnomic.Blazor.hCaptcha –
hCaptcha Component for Server-Side Blazor.
- BlazorDialog –
Dialog component as a service for Blazor. Demo.
- BlazorWheelZoom –
Zoom and move image with Blazor using mouse wheel and mouse drag – minimal javascript. Demo.
- AdvancedBlazorSelect2 –
Simple wrapper for Select2 with full support of databases and custom web APIs.
Tools & Utilities
Libraries and extensions for state management, cookies, local storage and other specific tools.
- Blazor-Redux –
Connecting a Redux state store with Blazor.
- Fluxor –
Zero boilerplate Flux/Redux library for DotNet. Formerly Blazor-Fluxor
.
- SignalR –
SignalR Core implementation for Blazor. It uses the JavaScript client.
- Blazored.LocalStorage –
A library to provide access to local storage in Blazor applications.
- Storage –
HTML5 Storage API implementation for Microsoft Blazor.
- Blazor-State –
Manage client side state in Blazor using MediatR pipeline.
- bUnit – a testing library for Blazor components –
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.
- Logging –
Microsoft Extension Logging implementation for Blazor.
- BlazorStorage –
Local and session storage support for Blazor.
- Blazor.Auth0 –
The library for using Auth0 in Blazor applications.
- TextCopy –
A cross platform package to copy text to and from the clipboard. Supports Blazor via the Clipboard Browser API.
- CssBuilder –
CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
- Notifications –
HTML5 Notifications API implementation for Microsoft Blazor.
- Blazor.Polyfill –
Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
- Blazor I18n/Localization Text –
Localizing contents text in Blazor (Demo).
- BlazorGoogleMaps –
Blazor interop for GoogleMap library.
- Blazor.Geolocation –
Blazor interop for browser Geolocation APIs.
- BlazorSignalR –
SignalR Core .NET client library for Blazor. It uses the C# client.
- MvvmBlazor –
BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it’s simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.
- Blazored.Localisation –
A library to provide localisation in client-side Blazor applications.
- EmbeddedBlazorContent –
Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
- Cortex.Net –
State management like MobX for .NET and Blazor. Documentation.
- Blazor Analytics – Blazor extensions for Analytics.
- BlazorWorker –
Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.
- Blazor PDF –
Generate de PDF document with iTextSharp from a Blazor Server App.
- Blazor SVG Helper –
Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
- Blazor.Payments –
Blazor Web Agent port of the Web Payment API standard developed by W3C.
- BlazorRouter –
BlazorRouter is an awesome router inspired by react-router, providing declarative routing for Blazor.
- DataJuggler.Blazor.FileUpload –
Wrapper for Steve Sanderson’s BlazorFileInput component.
- BlazorPrettyCode – Blazor Code Component for documentation sites. Demo.
- Blazor.EventAggregator – Lightweight Event Aggregator for Blazor (Razor Components).
- Blazor Gamepad – Provides gamepad API access for Blazor.
- Blazor Hotkeys – A library to provide configuration-centric keyboard shortcuts for Blazor.
- BlazorRealm – Redux state management for Blazor.
- Blazor.LocalFiles – Open files in your browser and load into Blazor.
- Blazor.SpeechSynthesis –
A library to provide Speech Synthesis API access for Blazor.
- Blazor BarCode – A barcode library for Blazor using barcode fonts.
- BlazorState.Redux –
Develop Blazor apps with Redux.
- BlazorLeaflet –
BlazorLeaflet is a wrapper offering easy-to-use Blazor components that expose the Leaflet API in C#.
- Howler.Blazor –
A Blazor JSInterop wrapper for Howler.js, an audio library.
- jsMind.Blazor –
A Blazor JSInterop wrapper for jsMind, a MindMapping tool.
- Blazor Highcharts –
A port of the popular Highcharts library. Demo.
- Blazor.LazyStyleSheet –
Lazy loading for CSS style sheets.
- Blazor.ScriptInjection –
Smart script tags in Blazor components, ideal for lazy loading of javascript files.
- DnetIndexedDb –
Blazor Library for IndexedDB DOM API.
- PkcsExtensions.Blazor –
A library to provide crypto and digital signature functionality for Blazor WebAssembly and light WebCrypto interop.
- Blazor-Color-Picker –
Opens a palette with the Material colors for Blazor application.
- Blazor_EmojiFilePicker –
Bootstrap Text-Input with Smiley- and File-Support for Blazor.
- Blazor Library Asset Helper –
A VISX extension that can list all JS and CSS assets from Nuget package razor libraries you are using in your Blazor app. It will generate all the
<script>
and<link>
tags for your HTML page for you to copy/paste. Available on the Visual Studio Marketplace. - Blazm.Bluetooth –
A Blazor library for connecting to devices using Bluetooth.
- BlazorApplicationInsights –
Application Insights for Blazor web applications.
- BracketShow.BlazorNavigationManagerExtensions –
Simple set of extensions for the Navigation Manager to simplify its usage for things we are likely to do in most of our Blazor applications.
- BlazorX.NavigationState –
BlazorX.NavigationState provides a set of utilities that allow you to observe and bind query strings directly to Blazor components.
- Blazor Printing –
Print and save PDF documents with a native print dialog in a Blazor Server or client Application.
Others
- Blazor Extensions Home –
Home for Blazor Extensions.
- Bolero –
Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.
- BlazorMobile –
Launch Blazor as a mobile application on iOS, Android & UWP.
- NObservable –
MobX-like observables and component instrumentation.
- BlazorFabric –
Blazor port of Microsoft UI Fabric with fluent design. (Demo).
- Blazor-Dashboard –
Admin Dashboard Template Theme for Blazor.
- BlazorEmbedLibrary –
Provides Blazor-style embedded static content files for Razor Components projects.
- BlazorWebView –
Blazor WebView control for WPF, Android, macOS, iOS. Run Blazor on .NET Core and Mono natively inside a Webview. Documentation.
- WebSocketHelper –
Helper for Web Socket in Blazor.
- BlazorLazyLoading –
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).
- BlazorLazyLoad –
BlazorLazyLoad is a implementation of assembly lazy load feature in Blazor WASM application on both page and component level.
- SpotifyService –
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.
- Bionic – An Ionic CLI clone for Blazor projects.
- BlazorFileSaver – Blazor Component wrapper for FileSaver.js (Demo).
- Blazor.DynamicJavascriptRuntime.Evaluator – Execute dynamic object expressions as Javascript in Blazor client-side apps.
- Blazor.AdaptiveCards – Adaptive Cards for Blazor. Documentation.
- EventHorizon Blazor TypeScript Interop Generator –
This project takes in a TypeScript type definition file and creates a .NET Core project that will work with the provided Interop abstraction project.
- Generators.Blazor –
Generators.Blazor is a source generator for improving performance in Blazor. The project also contains analyzers to detect common issues in Blazor apps.
Videos
- Blazor Train: Synchronicity 5.0 – December 18, 2020 – Carl Franklin shows how to develop both a Blazor Server and Blazor Wasm project simultaneously using .NET 5.
- Blazor vs React/Angular – December 11, 2020 –
Debate about Blazor vs React/Angular, featuring Michael Washington on The Growth Mindset Show.
- Blazor Power Hour: Front End Tools and CSS –
December 9, 2020 – Blazor Power Hour: Front End Tools and CSS, with Ed Charbeneau.
- ASP.NET Community Standup – Material Design in Blazor with Material.Blazor –
December 8, 2020 – We sit with Simon Ziegler and Mark Stega of Material.Blazor to discuss the project, Material.Blazor, a Material design component library for Blazor. ASP.NET Community Standup. Url list.
- Blazor Train: Using SignalR for cross-user Communication –
December 4, 2020 – Carl Franklin shows you how to seamlessly add SignalR to any Blazor app.
- Developing interactive websites with C# using Blazor with Jimmy Engstrom –
November 26, 2020 – Creating an interactive website today takes a lot of effort. You need to know a bunch of frameworks, languages and tools like Angular, React, JavaScript, Web pack, NPM, Bower, the list is long. What if there is a way to develop interactive websites without having to learn all these things? What if there is a way to develop in only one language, in C#? What if there is a way to do all that without using any Web Browser plugin? In this session Jimmy will show you what he believes to be the future of web development, Blazor. He will show how to get started and also share some of the new things in .NET5 so there be will be something for everybody. Also available on Twitch.
- How to Create RDLC Report in Blazor –
November 24, 2020 – This video is about how to Create RDLC Report in Blazor Server application, how to use RDLC (.rdlc) report in Blazor.
- Blazor Train: Adding Azure AD B2C to an existing app –
November 20, 2020 – Carl Franklin welcomes back Joel Hulen to demystify Azure AD B2C.
- Blazor: .NET 5 JavaScript interop modules revisited –
November 20, 2020 – Blazor: .NET 5 JavaScript interop modules revisited, by Ed Charbeneau.
- Blazor: .NET 5 JavaScript interop modules –
November 20, 2020 – Blazor: .NET 5 JavaScript interop modules, by Ed Charbeneau.
- ASP.NET Community Standup – Unit Testing Blazor with bUnit –
November 17, 2020 – On this month’s Blazor Community Spotlight, we’ll be talking to Egil Hansen about unit testing Blazor components with bUnit.
- Migrating a Windows Forms App to Blazor: The Amazing and True Story of GIFBot –
November 13, 2020 – In this talk, I will discuss the migration steps undertaken to go from a complex Desktop application to a robust ASP.NET-backed website with a Blazor front-end. The talk will highlight the ease at which I was able to translate functionality as a developer with very outdated web development skills.
- Blazor Train: Basic Authentication and Authorization in Blazor Web Assembly –
November 13, 2020 – Carl shows you how to use ASP.NET Core Identity for basic authentication and authorization in a Blazor WebAssembly app.
- Blazor Stability Testing Tools for Bullet Proof Applications –
November 13, 2020 – .NET in the browser may sound like Blazor’s strength, however the story of Blazor testing may just be its biggest potential upside. In this session we’ll discuss what makes Blazor an ideal candidate for: Unit Testing, Integration Testing, and Automated System Testing. With Jon Galloway.
- Building Real-time Applications with Blazor and GraphQL –
November 12, 2020 – Come see how Blazor and GraphQL combined will revolutionize how we build rich SPA applications with .NET. .NET Conf 2020, Day #3.
- Application State in Blazor Apps –
November 12, 2020 – Carl shows you the benefits of keeping application data outside components and pages, how to do cross-component change notifications, and how to persist that AppState to localstorage. .NET Conf 2020, Day #3.
- From Web Forms to Blazor – Introducing the Blazor Web Forms Components –
November 12, 2020 – There are millions of ASP.NET Web Forms applications out there. How do you migrate them to .NET Core? With Blazor of course! In this talk, learn about the easy steps you can take to successfully migrate your application to Blazor with the BlazorWebFormComponents. .NET Conf 2020, Day #3.
- Components in Blazor –
November 12, 2020 – Blazor is the blazing word in the Microsoft Tech stack at the moment because you can run C# on the client. In this session, I will talk about what Razor components are, talk about their lifecycle, event handling, and how to pass information between Blazor Components. .NET Conf 2020, Day #3.
- Trailblazor: Building Dynamic Applications with Blazor –
November 12, 2020 – 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 explore a modular application framework for Blazor called Oqtane. .NET Conf 2020, Day #3.
- Microfrontends with Blazor: Welcome to the Party! –
November 12, 2020 – In this talk, microfrontends expert Florian Rappl introduces an established architecture for a creating modular frontend applications. He will show how this architecture can be implemented together with Blazor to create dynamic user experiences. .NET Conf 2020, Day #3.
- Getting Started With Blazor –
November 12, 2020 – In this session, we will introduce the core concepts for Blazor development, both client and server side. Then we will dive in to a Blazor Web Assembly example and look at how we can build rich client side apps in C#. .NET Conf 2020, Day #3.
- Blazor: Client Side vs. Server Side: Hands on Development and Deployment –
November 11, 2020 – We will look at the main differences between Client Side Blazor, and Server Side Blazor. We will discuss situations and scenarios in which one should be favored over the other. We will develop a small app & deploy it twice on Azure: As a Client Side Blazor App, and as a Server Side Blazor App. .NET Conf 2020, Day #2.
- Migrating a Windows Forms App to Blazor: The Amazing and True Story of GIFBot –
November 11, 2020 – In this talk, I will discuss the migration steps undertaken to go from a complex Desktop application to a robust ASP.NET-backed website with a Blazor front-end. The talk will highlight the ease at which I was able to translate functionality as a developer with very outdated web development skills. .NET Conf 2020, Day #2.
- Modern Web Development with Blazor & .NET 5 –
November 10, 2020 – Blazor isn’t just for new apps! Blazor in .NET 5 is integrated seamlessly with ASP.NET Core to enable modern full stack web development with .NET. In this session we’ll show you how you can use Blazor and ASP.NET Core together to add rich client-side interactivity to both new and existing apps. You’ll learn how to use Blazor components from your existing MVC views and Razor Pages, handle server-side prerendering, setup authentication & authorization, improve load time performance, and then deploy your app into production. .NET Conf 2020, Day #1.
- A talk for trailblazers: Blazor in .NET 5 –
November 10, 2020 – Wondering what’s in store for Blazor in .NET 5? Wonder no more! This talk features the latest and greatest features to arrive in Blazor as part of .NET 5. From improved APIs for working with the browser to CSS isolation to a variety of performance improvements, you’ll leave this presentation with rundown of everything you’ll be able to do in the latest version of Blazor. .NET Conf 2020, Day #1.
- .NET Conf 2020: Day 1, full video –
November 10, 2020 – Full video of the first day of the .NET Conf 2020.
- Blazor + Xamarin == WHOA! –
November 5, 2020 – Xamarin Community Standup – Blazor + Xamarin == WHOA! with Eilon Lipton. Join the Xamarin Team as they discuss the latest and greatest for Xamarin. This week we sit down with Eilon Lipton to discuss the latest in the Mobile Blazor Bindings.
- Blazor Train: Basic Authentication and Authorization – November 02, 2020 – Carl shows you how to use ASP.NET Core Identity for basic authentication and authorization using a SQL Server.
- .NET 5 Migrating NuGet Packages –
October 31, 2020 – .NET 5 Migrating NuGet Packages, by Ed Charbeneau.
- Blazor & Comet for Native Mobile Apps –
October 26, 2020 – Sam Basu from Telerik joins the panel to show us how to use Blazor and Comet in native mobile apps.
- Run EF Core queries on SQL Server from Blazor WebAssembly –
October 26, 2020 – Session of the Atlanta .Net User Group by Jeremy Likness, “Run Entity Framework Core queries on SQL Server from Blazor WebAssembly”.
- Blazor Train: MVVM Part 2 –
October 26, 2020 – Carl shows more advanced MVVM patterns in Blazor.
- Game Platform Development – Component Library and Deployment Scripts –
October 24, 2020 – Game Platform Development – Component Library and Deployment Scripts. Topics: C#, .NET Core, Blazor, Docker, Kubernetes.
- DevReach Day 1: Blazor –
October 19, 2020 – Ed Charbeneau wants to break free from JavaScript! Join him as he chats with and builds a magic Blazor app with industry experts like Daniel Roth, Jeremy Likness and Chris Sainty. Remember, live pair-coding means there will be laughter, the presenters themselves might get stumped and there will be ample opportunity for you to engage! DevReach’s website.
- Game Platform Development – Component Library and Deployment Scripts – Part 2 –
October 19, 2020 – Game Platform Development – Component Library and Deployment Scripts. Topics: C#, .NET Core, Blazor, Docker, Kubernetes. Part 1.
- Game Platform Development – Component Library and Deployment Scripts – Part 1 –
October 19, 2020 – Game Platform Development – Component Library and Deployment Scripts. Topics: C#, .NET Core, Blazor, Docker, Kubernetes. Part 2.
- .NET 5 migration pains –
October 16, 2020 – .NET 5 migration pains, by Ed Charbeneau.
- ASP.NET Core Series: PWA’s with Blazor –
October 15, 2020 – Progressive Web Applications (PWA) use modern browser APIs and capabilities to behave like a desktop app. Since Blazor WebAssembly is a standards-based client-side web app platform, developers have the ability to leverage these browser APIs and create PWAs using .NET. In this episode, Jeremy is joined by Dan Roth to discuss the built in support for building PWAs with Blazor and show us a few demos of how get started.
- On .NET Live – Diving into Azure Static Web Apps –
October 15, 2020 – Azure Static Web Apps allows you to develop modern web applications that automatically publish from changes made in GitHub. You can build your frontends in your framework of choice and back them powerful APIs based on Azure Functions. In this session, Anthony Chu joins us to talk about this new service and what it means for .NET Developers building Blazor applications.
- Blazor WebAssembly : Twitter Authentication/Login –
October 12, 2020 – Blazor WebAssembly : Twitter Authentication/Login, by Curious Drive.
- Setup Your Blazor Wasm and ASP.NET Core Web API in Azure Devops: Dev To Azure – Part 1 –
October 12, 2020 – Setup Your Blazor Wasm and ASP.NET Core Web API in Azure Devops: Dev To Azure – Part 1. Article.
- Blazor Train: Daniel Roth on .NET 5 Blazor – October 9, 2020 – Carl welcomes back Daniel Roth to demo what’s new in .NET 5 Blazor.
- Blazor: Our first impressions with Andrew Lock – October 9, 2020 – Blazor: Our first impressions with Andrew Lock, by Loosely Coupled Show. Are you on the Blazor train? Some of us are hesitant with scars from the past, even though they might not be warranted.
- Telerik Reporting and Testing R3 2020 Release –
October 5, 2020 – Tech Is Evolving, and so Are Telerik & Kendo UI with R3 2020: Telerik Reporting & Test Studio Dev Edition Fully Integrate with All Suites, including Blazor.
- Blazor Train: Adding Blazor to an Existing MVC Application –
October 2, 2020 – Carl welcomes Brian MacKay who shows you how to add Blazor pages and components to an existing MVC app.
- Game Platform Development – Planning for Alpha Release –
September 29, 2020 – Game Platform Development by CAhorn – Planning for Alpha Release.
- Blazor WebAssembly : Authentication State –
September 26, 2020 – Blazor WebAssembly : Authentication State, by Curious Drive. Source code
.
- Blazor vs. MVC –
September 25, 2020 – Blazor vs. MVC, by Ed Charbeneau.
- GameDev – Bugs and Docker –
September 22, 2020 – GameDev – Bugs and Docker by CAhorn.
- Blazor MVVM the “logical” choice –
September 18, 2020 – Blazor MVVM the “logical” choice, by Ed Charbeneau.
- Blazor Train: WebForms to Blazor with Jeff Fritz –
September 11, 2020 – Carl welcomes Microsoft’s Jeff Fritz to give hope to WebForms developers who want to move to Blazor.
- Blazor BlazingCoffee and Markdown –
September 11, 2020 – Blazor BlazingCoffee and Markdown, by Ed Charbeneau.
- Testing Blazor Apps –
September 4, 2020 – Testing Blazor Apps, by Ed Charbeneau.
- Blazor WebAssembly : Custom Authentication –
September 3, 2020 – Blazor WebAssembly : Custom Authentication, by Curious Drive.
- iJS London: Blazor WebAssembly –
September 2, 2020 – Blazor WebAssembly by Rainer Stropek at the International JavaScript Conference. This is an introduction to Blazor WebAssembly. Here the source code of the Starship traveler demo mentionned in the talk
.
- Rendering an Orchard Core Markdown Blog Post with Blazor WebAssembly –
August 30, 2020 – Rendering an Orchard Core Markdown Blog Post with Blazor WebAssembly.
- Testing Blazor Apps –
August 29, 2020 – Testing Blazor Apps by Ed Charbeneau, about xUnit, bUnit, Telerik Test Studio and more.
- Preparing a Blazor Lightning Talk –
August 29, 2020 – Preparing a Blazor Lightning Talk, by Csharpfritz.
- Write OnClick Events in C# using Blazor and Eliminate JavaScript –
August 25, 2020 – JavaScript can be eliminated for implementing an OnClick event and many other HTML event attributes. With Blazor, we go ahead and write an OnClick event in C# without the need for JavaScript.
- Blazor Train: Data Access –
August 24, 2020 – Carl brings together an API layer, a generic data manager, and EF Core to create a complete solution.
- The .NET Docs Show – .NET open-source projects –
August 24, 2020 – Chat with Isaac Levin (@isaacrlevin) about some exciting .NET open source projects he’s been working on. By The .NET Docs show. Article on Dev.to about this episode.
- Blazor Game Client + Working on GUI System –
August 23, 2020 – Blazor Game Client + Working on GUI System.
- How to Create Services in Client Side Apps –
August 21, 2020 – We are upgrading our Blazor App Tour Of Heroes with Services! This will allow the components to keep state even when we navigate away along with creating some reusable code for our apis. If you like this video please subscribe and let me know you would like to see more. Based of Tour of Heroes section 4.
- Let’s Build Flappy Bird –
August 18, 2020 – Let’s Build Flappy Bird with Blazor WebAssembly. Source code
.
- Blazor WebAssembly, Azure AD B2C and Azure SDKs with Jon Gallant –
August 11, 2020 – Blazor WebAssembly, Azure AD B2C and Azure SDKs with Jon Gallant.
- Blazor Train: Modal Dialogs with Chris Sainty – August 7, 2020 – Carl welcomes Chris Sainty back to BlazorTrain to show Blazored.Modal, his OSS Modal Dialog component.
- Live game development –
August 4, 2020 – Lets focus on the Blazor Game Client, migrating of Module Implementations and Client Asset Builders.
- Live game development –
August 1, 2020 – Migrating old TypeScript Client to a Blazor Client. Now with more BabylonJS Interop API.
- Live game development –
July 31, 2020 – Live game development.
- Blazor WebAssembly : Open-source Project – EP10 –
July 29, 2020 – Let’s make the BlazingChat app Open-Source and walk through rest of MVVM code for Contacts and Settings page, by Curious Drive.
- Blazor localization content –
July 24, 2020 – Ed Charbeneau added localization to a Blazor application.
- Blazor Train: Creating a Generic Data Manager –
July 24, 2020 – In this episode of BlazorTrain, Carl welcomes App vNext contractor Mateus de Carvalho. They show how to use the repository pattern to create two generic data managers: one for an in-memory store, and one for an Entity Framework dbContext.
- Blazor Server with Azure AD authentication and MS Graph –
July 24, 2020 – For this week’s stream, we decided to play with the latest hot topic in the .NET ecosystem, i.e Blazor. JP and me build a Blazor Server web app with .NET Core and then we add Azure AD authentication to enable users to login in the app with the new Microsoft.Identity.Web. In the end, we added a call to MS Graph to retrieve some messages. video on YouTube. video on Twitch.
- GameDev – Blazor with BabylonJS (Web Rendering) –
July 23, 2020 – GameDev – Blazor with BabylonJS (Web Rendering).
- Blazor with BabylonJS (Web Rendering) Source Code Generation –
July 21, 2020 – GameDev – Blazor with BabylonJS (Web Rendering) Source Code Generation.
- Carl Franklin’s Blazor Train: Creating an API Layer –
July 20, 2020 – Carl shows you how to create APIs and access them from Blazor applications. Topics include CORS, and advanced JSON issues.
- Visual Studio Remote Office Hours – Blazor and ASP.NET –
July 16, 2020 – Visual Studio Remote Office Hours – Blazor and ASP.NET, with Daniel Roth and Mads Kristensen. What is Blazor and what should I use it for? Dan Roth is here with answers and insights to share.
- Common Data Services (CDS) and .NET –
July 16, 2020 – From console to mobile to web apps to services, learn how to use the Common Data Service when building .NET apps. This will be a demo heavy session that include Azure Functions, using it in mobile apps written in Xamarin, and web apps written with Blazor.
- .NET Virtual User Group – Blazor + Xamarin Code Sharing –
July 15, 2020 – In this session Lachlan will be focusing on an approach to allow Models, ViewModels and Services to be shared across a Xamarin Forms App(for Android, iOS, UWP, etc.) and Blazor Web Assembly, with just a thin layer on top for user interface and platform specifics in each UI Framework.
- Blazor Wasm Localization and Globalization –
July 10, 2020 – Blazor Wasm Localization and Globalization, by Ed Charbeneau.
- An accessibility audit of .NET Blazor with Chris DeMars –
July 9, 2020 – An accessibility audit of .NET Blazor with Chris DeMars, on The .NET Docs Show.
- Blazor & Electron.NET Managing Application Windows –
July 9, 2020 – This video covers how to create a new windows and manage the window properties, retrieve windows and set the full screen mode.
- FAST Framework –
July 7, 2020 – ASP.NET Community Standup: FAST Framework. Check out how to use the new FAST Web Components with .NET and Blazor. Guests: Daniel Roth, Steve Sanderson and Rob Eisenberg.
- Blazor WebAssembly : Using HttpClient in MVVM –
July 6, 2020 – Blazor WebAssembly : Using HttpClient in MVVM, by Curious Drive. This video is about how to use IHttpClientFactory in a Blazor WebAssembly application.
- Blazor WebAssembly : Dependency Injection –
July 3, 2020 – Blazor WebAssembly : Dependency Injection, by Curious Drive.
- Blazor Web Bluetooth –
July 1, 2020 – In this video Jimmy Engström demonstratres how to use Blazor and web bluetooth to controls a bluetooth robot.
- Blazor Train: Blazor Component Life Cycle –
June 26, 2020 – Blazor Train: Blazor Component Life Cycle. What is a Blazor Component? How long does it live? How can we hook it to make sure our app behaves properly? This episode of Blazor Train covers all about the component life cycle.
- Blazing into Summer with Ed Charbeneau –
June 25, 2020 – Blazing into Summer with Ed Charbeneau, by The DOT.NET Docs Show.
- GameDev – Blazor with BabylonJS (Web Rendering) –
June 25, 2020 – Live development of a game with Blazor WebAssembly and BabylonJS.
- ASP.NET Community Standup: Entity Framework Core in Blazor –
June 24, 2020 – ASP.NET Community Standup: EF Core in Blazor.
- ASP.NET Community Standup: Blazor Mobile Bindings –
June 23, 2020 – ASP.NET Community Standup: Blazor Mobile Bindings, with Eilon Lipton.
- State of .NET Blazor with Markus Egger –
June 23, 2020 – State of .NET Blazor with Markus Egger.
- Blazor Day 2020: Building a PWA (Progressive Web App) with Blazor WebAssembly –
June 18, 2020 – Building a PWA (Progressive Web App) with Blazor WebAssembly, by Vivien Fabing at Blazor Day 2020.
- Blazor Day 2020: Getting started with Blazor and Clean Code principles –
June 18, 2020 – Getting started with Blazor and Clean Code principles, by Bruno Barrette at Blazor Day 2020.
- Blazor Day 2020: Authentication and Authorization in Blazor –
June 18, 2020 – Authentication and Authorization in Blazor, by Marco De Sanctis at Blazor Day 2020.
- Blazor Day 2020: Building Desktop Apps for Windows, Mac & Linux with Blazor & Electron –
June 18, 2020 – Building Desktop Apps for Windows, Mac & Linux with Blazor & Electron, by Ahmad Mozaffar at Blazor Day 2020.
- Blazor Day 2020: Create a cross-platform application with Blazor & BlazorMobile –
June 18, 2020 – Create a cross-platform application with Blazor & BlazorMobile, by Guillaume Zahra at Blazor Day 2020.
- Blazor Day 2020: Forms & Validation in Blazor –
June 18, 2020 – Forms & Validation in Blazor, by Chris Sainty at Blazor Day 2020.
- Blazor Day 2020: Razor: Into the Razor-Verse –
June 18, 2020 – Razor: Into the Razor-Verse, by Ed Charbeneau at Blazor Day 2020.
- Blazor Day 2020: Create An Optical Character Reader Using Blazor And Azure Computer Vision –
June 18, 2020 – Create An Optical Character Reader Using Blazor And Azure Computer Vision, by Ankit Sharma at Blazor Day 2020.
- Blazor Day 2020: Secrets of a Blazor Component Artisan –
June 18, 2020 – Secrets of a Blazor Component Artisan, by Ed Charbeneau at Blazor Day 2020.
- Blazor Day 2020: Bringing .NET to the Web and Beyond –
June 18, 2020 – Blazor: Bringing .NET to the Web and Beyond, by Dan Roth at Blazor Day 2020.
- Modern Web UI with Blazor WebAssembly –
June 11, 2020 – Modern Web UI with Blazor WebAssembly by Steve Sanderson at the NDC Oslo 2020. Client-side web development has long been the sole domain of JavaScript. WebAssembly is changing that by opening up the web to the full ecosystem of languages, frameworks, and tools. ASP.NET Blazor is all about building modern web applications be that on the server or the client. In this session I’ll show you how to build beautiful and interactive client-side web UI, all with C# instead of JavaScript.
- Blazor Chat Guided Tour –
June 11, 2020 – This video demonstrates using a singleton class, shows the ValidationComponent and ProgressBar that are part of DataJuggler.Blazor.Components.
- Blazor WebAssembly : Entity Framework Core – EP06 –
June 10, 2020 – Blazor WebAssembly : Entity Framework Core – EP06, by Curious Drive. In this episode, he shows how you can integrate Entity Framework Core in a Blazor WebAssembly application.
- Blazor Twitch Bot Examples for GitHub –
June 9, 2020 – Blazor Twitch Bot Examples for GitHub. Source code
.
- Blazor WebAssembly : Debugging in VS Code, Chrome and Visual Studio –
June 5, 2020 – Blazor WebAssembly : Debugging in VS Code, Chrome and Visual Studio, by Curious Drive. In this episode, he shows how you can debug your Blazor WebAssembly application using VS Code, Chrome or Visual Studio. He goes through all the files and the settings that you need to do before you debug your apps.
- Blazor Beyond the Browser – June 3, 2020 – Blazor Beyond the Browser, with Ed Charbeneau and Daniel Roth.
- Blazor In-Depth: Full-Stack C# with Telerik UI for Blazor and Entity Framework –
June 2, 2020 – Blazor In-Depth: Full-Stack C# with Telerik UI for Blazor and Entity Framework.
- Blazor: A Guided Tour with Ed Charbeneau – June 1, 2020 – Blazor: A Guided Tour with Ed Charbeneau. Part 1, Part 2, Part 3.
- Blazor WebAssembly : Routing | NavigationManager, AdditionalAssemblies –
May 31, 2020 – Blazor WebAssembly : Routing | NavigationManager, AdditionalAssemblies, by Curious Drive. In this episode, he shows how navigate between pages in Blazor WebAssembly. He also talks about passing parameters across pages. In the end, he dives diving little deeper to show how you can add Razor Component assemblies to your Router navigate to pages which are into Third Party Components.
- Blazor, Menus, the conclusion of May is for Macs with some !coffee –
May 31, 2020 – Blazor, Menus, the conclusion of May is for Macs with some !coffee.
- Working with Pages and Components –
May 30, 2020 – Working with Pages and Components, by Ed Charbeneau.
- Learn Studio Session: Build a WebAssembly app with Blazor & VS Code –
May 27, 2020 – Join us for this guided online Microsoft Learn workshop. Learn how to setup your development environment and build your first WebAssembly app with Blazor, VS Code and C#.
- Learn Studio Session: Build a WebAssembly app with Blazor & VS Code –
May 27, 2020 – Join us for this guided online Microsoft Learn workshop. Learn how to setup your development environment and build your first WebAssembly app with Blazor, VS Code and C#.
- Modern Web UI with Blazor WebAssembly –
May 26, 2020 – Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging, +more.
- Blazor WebAssembly 3.2 Release Party! –
May 26, 2020 – ASP.NET Community Standup – Blazor WebAssembly 3.2 Release Party!
- Blazor Train: A talk with Steve Sanderson and David Fowler –
May 26, 2020 – Blazor Train, episode 5: In this episode Carl talks to the creators of Blazor, Steve Sanderson and David Fowler.
- Blazor Train: Synchronicity – Develop Server and WASM Apps Simultaneously –
May 26, 2020 – Blazor Train, episode 4: On this episode of Blazor Train I’ll show you how you can develop a Blazor WASM app AND a Blazor SERVER app — at the same time — from a single code base, and why you’d want to do that in the first place.
- Blazor Train: WebAssembly –
May 26, 2020 – Blazor Train, episode 3: On this episode of Blazor Train, we’ll dive into WebAssembly. What is it? Is it secure? How does it work? What browsers support it? What languages can compile to it? Can it only run in the browser? And we’ll answer the question: Is Blazor Wasm the next Silverlight?
- Blazor Train: Server vs WASM –
May 26, 2020 – Blazor Train, episode 2: Server vs WASM, by Carl Franklin. In this episode of Blazor Train, he compares the two hosting models: Blazor Server and Blazor WebAssembly. He creates an app using each model, and watch the network traffic in the browser. He talks about the maximum number of concurrent clients a Blazor Server app can handle, and how to scale it to meet demands. Most importantly, he weighs the pros and cons of each hosting model, so you can start thinking about which is appropriate for your next application.
- Blazor Train: Introducing Blazor –
May 26, 2020 – Blazor Train, episode 1: Introducing Blazor, by Carl Franklin. In this episode of Blazor Train, he takes a first look at Microsoft Blazor – its history, how it evolved as a product and became part of ASP.NET Core. He looks at how the Blazor component model simplifies common tasks like binding and event handling. He writes a simple demo to illustrate the power of Blazor and how it will make you a more productive web developer.
- Blazor WebAssembly : Project Structure/Template –
May 25, 2020 – Blazor WebAssembly : Project Structure/Template, by Curious Drive. In this episode, he’s going through the project structure for Blazor WebAssembly applications. Why do need we need Client, Server and Shared project when we get started. How you can run them separately? all sort of questions he have answered in this video.
- Modern Web UI with Blazor WebAssembly –
May 25, 2020 – Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging, +more.
- Office hours, building a full stack Blazor app –
May 23, 2020 – Office hours, building a full stack Blazor app, by Ed Charbeneau.
- Modern Web UI with Blazor WebAssembly –
May 19, 2020 – Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging and more. Video by Steve Sanderson from Microsoft.
- Blazor WASM authentication –
May 8, 2020 – Blazor WASM authentication, by Ed Charbeneau.
- Blazor Tutorial : Deploy to Azure App Services – May 5, 2020 – Blazor Tutorial : Deploy to Azure App Services, by Curious Drive.
- Blazor StateHasChanged: E-book samples, code-behind, and office hours – May 1, 2020 – Blazor StateHasChanged: E-book samples, code-behind, and office hours.
- Trains.NET – Lets pretend to be designers – April 22, 2020 – Building a 2D game with .NET and C#, let’s draw things with Blazor. Trains.NET’s Source code.
- Trains.NET – From SkiaSharp to HTML Canvas, and hopefully published to a website somewhere – April 15, 2020 – Building a 2D game with .NET and C#, let’s draw things with Blazor. Trains.NET’s Source code.
- Trains.NET – Let’s draw things with Blazor – April 10, 2020 – Building a 2D game with .NET and C#, let’s draw things with Blazor. Trains.NET’s Source code.
- Trains.NET – Experimenting with Blazor – April 8, 2020 – Building a 2D game with .NET and C#, experimenting with Blazor. Trains.NET’s Source code.
- Carl Franklin’s Blazor Desk Show with Dan Roth –
March 26, 2020 – Video of Carl Franklin (from .NET Rocks!) about architecture best practices, how to make and consume generic components, how to call JavaScript to enhance your apps, and how to implement authentication and authorization. This video also covers how to monitor the traffic going back and forth between the browser and the server, measure your app’s memory footprint, and how to optimize it. It also introduces some exciting Blazor controls including a data grid and appointment scheduling component.
- Quarantined Coding! with Ed Charbeneau – March 26, 2020 – Ed Charbeneau about Blazor for CodeItLive.
- Create a Blazor Server App and Add Syncfusion Blazor Components – March 24, 2020 – Learn to create a new Blazor Server App and add Blazor Components of Syncfusion to it using Visual Studio 2019 and Visual Studio Code.
- Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee – March 22, 2020 – Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
- Blazor StateHasChanged: Hot take on hot questions – March 20, 2020 – Blazor StateHasChanged: Hot take on hot questions, by Ed Charbeneau.
- Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee – March 20, 2020 – Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
- Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee – March 19, 2020 – Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
- Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee – March 18, 2020 – Minimal March – Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
- Building Chat App using Blazor WebAssembly – March 6, 2020 – Building Chat App using Blazor WebAssembly, day 10 by Curious Drive.
- Blazor Tutorial : Event Handling –
March 4, 2020 – Episode about event handling by Curious Drive.
- Build your first Blazor app with Carl Franklin –
March 3, 2020 – Build your first Blazor app with Carl Franklin, by DevExpress.
- Archives – 2020, 2019, 2018, 2017.
Articles
- 10 Blazor Features You Probably Didn’t Know – December 15, 2020 – As a relatively new framework, there’s probably a lot you don’t know about Blazor yet. Here are 10 great features about Blazor you should know.
- Exploring Blazor Mobile Bindings – December 13, 2020 – It’s time to probe the promise of Blazor Mobile Bindings enticing web developers to come build mobile apps.
- Polly and Blazor, Part 1 – Simple Wait and Retry – December 8, 2020 – Polly and Blazor, Part 1 – Simple Wait and Retry.
- Blazor WebAssembly (client-side) with AOT and SkiaSharp – December 4, 2020 – Blazor WebAssembly (client-side) with AOT and SkiaSharp, by Uno Platform. Live sample.
- How to Pass Arguments to Your onclick Functions in Blazor – December 3, 2020 – It’s straightforward to wire up event handlers to HTML events like onClick in your Blazor components, but how can you pass additional information and different types of arguments?
- Blazor Updates in .NET 5 – December 1, 2020 – Blazor Updates in .NET 5 by Daniel Roth on Code Magazine.
- Developer decries WinForms-to-Blazor performance degradation – December 1, 2020 – Developer decries WinForms-to-Blazor performance degradation, on Visual Studio Magazine.
- How to migrate Blazor Webassembly to .NET 5 – November 30, 2020 – How to migrate Blazor Webassembly to .NET 5.
- How to Deploy a Blazor Application in Azure App Service – November 30, 2020 – How to Deploy a Blazor Application in Azure App Service.
- Blazor JavaScript Isolation, Modules, and Dynamic C# – November 24, 2020 – .NET 5 is here, and with the release comes a barrel of Blazor improvements. One of the upgrades Blazorinos should be most excited about is JavaScript isolation and object references within .NET. This post will describe enhancing the existing Blazor API using extension methods to make importing JavaScript modules clearer. We’ll create a new type that will allow us to write C# code that looks similar to its JavaScript counterparts. Source code
.
- Blazor WASM and Server in a Single Project Running on a Single Site – November 24, 2020 – This article looks at solving the challenges in creating a combined Blazor WASM and Server application – built in the same solution, and run on the same web site.
- A Localization sample using Blazor WebAssembly – November 24, 2020 – A Localization sample using Blazor WebAssembly
- Custom Validation in Blazor WebAssembly – November 24, 2020 – This article is about custom form validation in Blazor WebAssembly. It shows how to add custom validation attributes and use them for our model objects. Also, it shows how to customize our error messages and how to customize the style of the input elements on the form. Source code
.
- Running a console application directly in your browser – November 22, 2020 – Running a console application directly in your browser. Source code