Awesome Blazor

A currated list of Blazor/Razor Components related items

Blazor is a open-source dotnet web framework using C# and HTML that runs in the browser via WASM with native performance and a trusted security sandbox. Blazor runs in all browsers on the real .NET runtime with full support for .NET Standard. Blazor requires no plugins and no code transpilation, only open web standards. Blazor was the code name for the experimental product. The official product will be called "Razor Components" when shipping in dotnet core 3.

Contents

• Microsoft docs
• Libraries
• Samples and Tutorials
• Tooling
• Community documentation
• Books
• Courses
• Blogs
• Collaboration/Chat
• Social Media
• Websites and Resources
• Articles & Blogs
• Talks
• Live Streaming Channels
• Contribute
• License

Microsoft docs

• Blazor.net
• Blazor Docs

Libraries

• Blazor Barcode - A barcode library for Blazor using barcode fonts.
• Blazor Charts - SVG Charts for Blazor.
• Blazor Fluxor - Flux/Redux library.
• Blazor Gamepad - A library to provide gamepad API access for Blazor.
• Blazor Hotkeys - A library to provide configuration-centric keyboard shortcuts for Blazor.
• Blazor LoadingBar - A Blazor port of angular-loading-bar.
• Blazor LocalFiles - Open files in your browser and load into Blazor.
• Blazor Realm - Redux state management with middleware support.
• Blazor Redux - This library offers Redux-style state management for Blazor.
• Blazor SpeechSynthesis - A library to provide Speech Synthesis API access for Blazor.
• Blazor SVG Helper (Demo) - Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
• Blazor Time Zone Kit - A library to provide system time zones and local time zone initialization in Blazor apps.
• Blazor Tweet Button - A Tweet Button component for Blazor.
• Blazor-State - Blazor-State is a client side pipeline architecture utilizing MediatR with plugin behaviors.
• Blazor.Extensions.OfficeUIFabric - Microsoft Office Fabric UI port for Blazor.
• Blazor.FlexGrid - GridView component for Blazor.
• Blazor.Payments - A library that replicates the W3C Payment Request API contracts in Blazor apps.
• Blazor.Polyfill - A Blazor compatibility library for Internet Explorer 11 and other browsers.
• Blazor.Xamarin - Host Blazor apps as standalone hybrid mobile apps with Xamarin.
• BlazorBits (GitHub repo) - Components including Monaco editor.
• BlazorComponents - A demonstration of Chart.js interop.
• BlazorConfirm (Demo) - A Blazor wrapper for JavaScript's window.confirm() and onbeforeunload.
• BlazorContextMenu - A context menu for blazor.
• BlazorDB - In-memory, persisted to local storage, database for Blazor.
• Blazored.Localisation - A library to provide localisation in client-side Blazor applications.
• Blazored.LocalStorage - A library to provide access to local storage in Blazor apps.
• 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.
• BlazorGrid - Reusable grid component for Blazor, which also supports client side pagination.
• Blazorise (Demo) - Components library for Blazor with support for Bootstrap, Bulma, and Material CSS.
• BlazorMaterial - Blazor components implementing Google's Material components for web (Material Design: Web).
• BlazorNodaTimeDateTimePicker - A date picker using NodaTime.
• Blazorous - Maintainable CSS with Blazor.
• BlazorSignalR - ASP.NET Core SignalR .NET client support for Blazor.
• BlazorSplit (Demo) - Resizeable split views.
• BlazorStorage - Blazor local and session storage support.
• BlazorStrap - Bootstrap 4 Components for Blazor.
• BlazorWebSocketHelper - A WebSocket library for Blazor.
• Canvas - HTML5 Canvas API implementation for Microsoft Blazor.
• ChartJs.Blazor - Blazor Component that wraps ChartJS.
• Elmah.Io.Blazor - Logs from Blazor to elmah.io using Microsoft.Extensions.Logging.
• Logging - Microsoft Extension Logging implementation for Blazor.
• MatBlazor (Demo) - Google Material components for web in Blazor.
• Notifications - HTML5 Notifications API implementation for Microsoft Blazor.
• SignalR - SignalR Core support for Microsoft ASP.NET Core Blazor.
• Sotsera.Blazor.Toaster (Demo) - A Blazor port of Toastr.js.
• Storage - HTML5 Storage API implementation for Microsoft Blazor.
• Toastr - A Blazor port of Toastr.js.

Samples and Tutorials

• A Nicer Looking Blazor Loading Page - Customize the Blazor loading page using SpinKit.
• ASP.NET Core Master/Detail CRUD - A master/detail HTML CRUD example with sorting and filtering using Entity Framework and Web API.
• BlazeDown (Demo) - An online markdown editor built with Blazor.
• Blazing Chuck (Demo) - An example Blazor app that displays random "nerdy" Chuck Norris jokes.
• BlazorPass - Blazor UI and ASP.NET Core API to manage Active Directory credentials.
• Blazor + Electron sample - Explore how a Blazor app can be used to build a cross-platform desktop app.
• Blazor + Sitecore (Blog post) - Example of dynamic pages and routes with SiteCore and Helix.
• Blazor Admin Dashboard - An admin dashboard for Blazor.
• Blazor Asteroids (Demo) - The 80's classic video game developed in C# for WinForms/WPF but running Blazor.
• Blazor Bricks - A bricks game developed with C# and Blazor.
• Blazor Calculator (Demo) - Simple calculator with history and ability to use previous results in new calculations.
• Blazor Chat sample (Demo) - An app that demonstrates the use of SignalR to create a Blazor chat app.
• Blazor Chess (Demo) - An experimental Blazor chess engine.
• Blazor Clock Canvas (Demo) - Complex clock based on Canvas.
• Blazor Clock SVG (Demo) - Complex clock based on SVG.
• Blazor Contoso University - Contoso University recreated in Blazor.
• Blazor Converters (Demo) - Windows 10 Calc Converters recreated in Blazor.
• Blazor Doughnut Chart (Demo) - Doughnut charting with gradient colors using SVG.
• Blazor Examples (Demo) - Knockout JS examples recreated in Blazor.
• Blazor Graph API example (Demo) - A self-contained Blazor app that connects to Microsoft's Graph API, queries the user's information, and allows the user to browse through their OneDrive.
• Blazor Game Snake (Demo) - 2D game snake with customizations, path finding algorithm, and sound effects using -VG.
• Blazor Loan Calculator (Demo) - A loan payments calculator developed with Blazor.
• Blazor Hacker News Clone (Demo) - A Hacker News clone built in Blazor.
• Blazor Password Pattern (Demo) - Password pattern based on SVG.
• Blazor Paint (Demo) - Drawing app written in Blazor.
• Blazor RealWorld example app - A full-stack app built with Blazor that includes CRUD operations, authentication, routing, and pagination.
• Blazor Performance Chart - Performance Chart based on SVG.
• Blazor Spreadsheet (Demo) - Spreadsheet app developed in Blazor.
• Blazor RSS Reader (Demo) - RSS Reader using Blazor.
• Blazor To-Do App - A Blazor app that allows you to create and edit tasks and manage categories of tasks.
• Blazor Sushi (Demo) - Kendo UI Sushi SPA recreated in Blazor.
• Blazor UWP Sample - Use Blazor.Server to build UWP apps.
• Blazor Tour of Heroes - A Blazor implementation of Angular Tour of Heroes.
• Blazume - A portfolio/resume template using Blazor.
• BlazorServiceWorker - A client-side Blazor template with service worker caching.
• Do (Demo) - Todo.txt compatible todo app.
• Data Driven Layout (Blog post) - Two ways of driving the layout based on data in the page.
• Money (Demo) - A money manager implemented using CQRS+ES.
• FMRL - Ephemeral Message Service. Messages sent are encrypted, securely transferred, and automatically deleted when they are retrieved.
• Toss - A Twitter-like web app that allows the user to sign in, post a new message (a "toss") with hashtag, and select favorite hashtags for finding messages.
• Planning Poker for Azure (Demo) - 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. Planning Poker is a registered trademark of Mountain Goat Software, LLC.
• TreeCRUD - A simple server-side Blazor CRUD app to deal with hierarchical data. The project has a data layer with GraphQL for R (Read) and classical REST for CUD (Create, Update, Delete).
• TrendTv (Demo) - Fetch a video list from YouTube and "zap" in real time between trending videos, filtered by country or category.
• Tzaar (Demo) - Implementation of the board game Tzaar with Blazor and SignalR.
• Quiz - Simple quiz using Blazor.
• Validation Controls using Blazor - Blog posts: Part I: Basic Validation Controls | Part II: Custom Validation Controls
• WebSocketPage (Demo) - WebSocket example for Blazor.

Tooling

• BlazorFiddle - Blazor .NET developer playground and code editor in the browser.
• Blazor Minimum Project Templates - A project templates package of Blazor apps without JavaScript and CSS libraries.
• Blazor Snippets Visual Studio Code extension - A Visual Studio Code extension that offers Blazor and Razor snippets.
• Razor+ Visual Studio Code extension - A Visual Studio Code extension that offers improved Razor support.

Community documentation

• Awesome Blazor - A collection of useful Blazor resources.
• Blazor Bites - Posts on ASP.NET Core and Blazor subjects.
• Learn Blazor - Community documentation on Blazor.
• LightSwitch Help Website - Blogs and code samples primarily covering server-side Blazor (Razor Components).
• WebAssemblyMan - Man page for Blazor and WebAssembly.

Books

• Blazor Revealed Building Web Applications in .NET
• Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server (2018) - An introduction to Blazor core concepts and how to apply concepts to real-world web apps with the elp of Entity Framework Core and SQL Server.
• Dockerizing ASP.NET Core and Blazor Applications on Mac - This book is targeted for beginning to intermediate .NET developers who want to jump into ASP.NET Core, Blazor, and Docker on macOS.

Courses

• Blazor First Look on LinkedIn Learning
• [Blazor-workshop] (https://github.com/dotnet-presentations/blazor-workshop)

Resources

• Bionic - An Ionic CLI clone for Blazor projects.
• Trail - Blazor rendering with F#.

Blogs

• ASP.NET devblogs)
• Chris Sainty
• Code Bangkok
• Ed Charbeneau
• Telerik Blazor
• The Freeze Team

Collaboration/Chat

• [ASP.NET core Slack] (https://aspnetcore.slack.com/) - has blazor channel but limited messages due to slack free version.
• [dotnetcore Discord] (https://discord.gg/nEyC7xv) unlimited messages.
• aspnet Blazor Gitter

Social Media

Twitter

- [@dotnet](https://twitter.com/dotnet)
- [@danroth27](https://twitter.com/danroth27)
- [@stevensanderson](https://twitter.com/stevensanderson)

Facebook

- [Blazor-WebAssembly](https://www.facebook.com/groups/193115591403722/)

Videos

Awesome but old

• [ASPNET Core2.2 Preview 2 with Dan Roth] (https://www.twitch.tv/videos/309689965)

Live Streaming Channels

• Blazor StateHasChanged
• TheFreezeTeam
• Visual Studio

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Steven T. Cramer has waived all copyright and related or neighboring rights to this work.