Skip to content

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

License

Notifications You must be signed in to change notification settings

sharp-soft2/awesome-blazor

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome Blazor Awesome

A collection of awesome Blazor resources.

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

Contributions are always welcome! Please take a look at the contribution guidelines pages first. Thanks to all contributors, you're awesome and wouldn't be possible without you!

If you need to search on this list you can try this great website: Awesome Blazor Browser. Thanks @jsakamoto for this! Source code stars last commit.

Contents

.NET Conf 2021 (November 9-11, 2021).

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

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.

Doing the Build a web app with Blazor learning session on Microsoft Learn can also be a good idea. Another great resource to start is the beginner serie by Jeff Fritz on Channel9 or YouTube.

General

Templates

  • Blazor Hero - stars last commit - Clean Architecture Solution Template for Blazor WebAssembly built with MudBlazor Components. This project will make your Blazor Learning Process much easier than you anticipate. Blazor Hero is meant to be an Enterprise Level Boilerplate, which comes free of cost, completely open sourced. Read the Quick Start Guide here.

Sample Projects

Authentication

Cloud

  • BlazorFile2Azure - stars last commit Upload a file from Blazor WebAssembly to Azure Blob Storage.
  • Blazor WASM Deployment - last commit Sample repo for showing Actions to deploy a Blazor app to Azure services.
  • Blazor.JobBoard - last commit Blazor WebAssembly based jobboard application deployed to Azure Storage Static Site. Demo.
  • EventGrid Viewer Blazor - stars last commit Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
  • FairPlayTube - last commit Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.

CMS

  • Blogifier - GitHub stars GitHub stars .NET 5 ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
  • eShopOnBlazor - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • RapidCMS - stars last commit A code-first, extensible Blazor app that generates a CMS for your own database.
  • JHipster.NET stars last commit 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 - stars Last commit Forum application built with Blazor.
  • BlazorShop - stars Last commit Simple shop application built with Blazor WebAssembly.
  • Atlas - stars Last commit A forum software built with ASP.NET Core Blazor WebAssembly.
  • AcBlog - stars Last commit A blogging PWA that can be hosted as a full static website or as a server-prerender dynamic website. GitHub Pages Demo.
  • BlazingOrchard - stars Last commit 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 - Last commit A Blazor frontend for Ghost blogs.
  • BlazorWPBlog - last commit Wordpress blog with Blazor.
  • StartBootstrap.Freelancer.Blazor - Last commit .NET 5 Freelancer is a bootstrap template ideal for small portfolio web sites. It's powered by Kentico Kontent - a headless CMS with a comprehensive ecosystem for .NET developers.

Games

  • ABlazorPong - last commit A classic Pong in Blazor WebAssembly, with sounds, without a single line of Javascript. Demo.
  • Board Games - stars last commit Fusion + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. Demo.
  • AsteroidsWasm - stars last commit 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 - stars last commit 2D game built with .NET and C#.
  • Flappy Blazor Bird - stars last-commit Blazor Flappy Bird's port. [Wasm Demo] | [Multiplayer Demo].
  • DiabloBlazor - stars last commit Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. Demo.
  • BlazorGames - stars last commit This project is a Blazor WebAssembly project where we design, model, implement, and play common board and card games. This website is deployed here: blazorgames.net.
  • BlazorPong - last commit - Pong in Blazor server model and Wasm model using SignalR Core. Server Demo. Wasm Demo.
  • Minesweeper - last commit Minesweeper using C# and Blazor WebAssembly.
  • TicTacToe - last commit Tic Tac Toe game using blazor webassembly. Here is a Demo and a Blog post.
  • ZXSpectrum - last commit ZX Spectrum emulator running on Blazor WebAssembly. Demo.
  • BlazorDungeon - last commit - Multiuser dungeon game. Text based graphics. Up to 5 simultaneous players. Demo.
  • Flappy Bird last commit A Blazor WebAssembly implementation of Flappy Bird.
  • Blazorships - last commit Battleship implementation built with Blazor and SignalR.
  • SoccerPong - last commit A soccer variant of classic Pong using Blazor WebAssembly. Demo.
  • Game of Life - last commit Game of life.

Hybrid

IoT

  • PresenceLight - stars last commit PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. Blog post. Demo video.
  • Meadow Weather - last commit In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.

Logging

  • Logging.Samples - last-commit Samples for .NET Core and ASP.NET Core logging using various logger frameworks.

Machine Learning

  • Scalable sentiment analysis - stars last-commit A sample ables to make sentiment analysis prediction/detection of what the user is writing in a very UI interactive app (Blazor based) in the client side and running an ML.NET model (Sentiment analysis based on binary-classification) in the server side.
  • optimizer.ml - stars last-commit 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 - stars last-commit A web application that showcases performing what-if analysis using in-memory Machine Learning models. Live demo.
  • BlazorML5 - last-commit ML5 Machine Learning for Blazor with JSInterop mechanism.

Mobile

Rapid Development Framework

  • WalkingTec.Mvvm (WTM) - stars last commit A development framework based on .NET Core and EF. It supports Blazor, Vue, React and LayUI with one click code generation for CRUD, Import/Export, etc. Website.

ToDos

Others

  • Flight Finder - stars last commit Flight Finder.
  • Oqtane Framework - GitHub stars GitHub stars Modular Application Framework for Blazor.
  • CarChecker - GitHub stars GitHub stars 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 - stars last commit LINQ Provider for the Twitter API (Twitter Library).
  • BlazorFileReader - GitHub stars GitHub stars Read-only File streams in Blazor. Demo.
  • eShopOnBlazor - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • BlazorChatSample - stars last commit Blazor chat demo using SignalR JS client with interop.
  • BlazorCRUD - GitHub stars GitHub stars Sample line of business application that illustrates key features of Blazor. Demo.
  • Money - stars last commit A money manager implemented using CQRS+ES. Demo.
  • CleanArchitecture - stars last commit Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
  • Blazor Weather - stars last commit A Blazor Weather sample app that shows the current weather for your current location and a collection of pinned locations. Demonstrated at .NET Conf 2019 by Daniel Roth. Demo.
  • NethereumBlazor - GitHub stars GitHub stars Ethereum blockchain explorer and simple wallet.
  • BlazorDynamicList - GitHub stars GitHub stars Dynamic component binding for a generic list. Demo.
  • BlazorServerTree - GitHub stars GitHub stars A simple Server-Side Blazor sample app to deal with hierarchical data.
  • WebSocketPage - stars last-commit Web Socket in Blazor. demo.
  • BlazorPages - stars last-commit A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
  • Planetary Docs - stars last-commit .NET 6 This repository is intended to showcase a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB. This repository is upgraded to .NET 6 and EF Core 6.
  • C# Minifer last-commit A client-side Blazor application demonstrating live minification of C# code using the C# Minifier library. Demo.
  • Planning PokerLast commit An app to play Planning Poker for distributed teams. The app is implemented using Blazor and shows how to switch between client-side and server-side mode with a configuration change. Demo.
  • Gjallarhorn - Last commit Compare packages on different NuGet-sources. Demonstrating Client-Side Blazor MVVM-style.
  • C# Regex Tester online - Last commit Online tool for verify .Net regex syntax. (Demo).
  • C# Regex Online tool - Last commit 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 - last commit A simple component to mock CLI for ASP.NET Core 3.0 Blazor applications to execute some custom commands for an application.
  • Cognitive Studio - last commit PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. Demo.
  • Blazor Wake-on-LAN - Last commit Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
  • BlazorOCR - Last commit A Blazor WebAssembly application for reading receipts.
  • Dcidr - Last commit Blazor WebAssembly decision-making app with PWA (offline), localstorage, and Excel export. Demo.
  • BlazingWaffles - last commit 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 - last commit Responsive poker odds calculator using blazor WebAssembly and pure C#. Demo.
  • Cærostris - last commit A Blazor Spotify client.
  • Nethereum Playground - last commit Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
  • Realtime chat app with WebAssembly - last commit Real-time chat application with SignalR, .NET and Blazor/WebAssembly.
  • BlazorContrib - last commit Experiment of a Blazor renderer for Markdig, a Markdown component.
  • BlazorConduit - last commit The RealWorld example app written using Blazor. Demo.
  • Send an Sms - last commit This demo shows how to send an Sms with Blazor using the Vonage SMS API.
  • Ray Tracer - last commit Simple ray tracer in Blazor.
  • Blazor Web Camera Application Example - last commit 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.
  • Blazor MealPlanner - last commit MealPlanner is developed in Blazor Web Assembly PWA (offline), The app is using local storage for storing the meal plans. (Demo AzureStaticWeb) (Demo Github Pages)
  • BlazorPowerHour - last commit The Blazor Power Hour show index, by Ed Charbeneau.
  • BlazorMoonPhase - last commit Moon Phase Sighting app using Blazor WebAssembly, by Lohith GN. Demo.
  • BlazorTemplates - last commit A collection of blazor templates, designed for common use cases for new projects.
  • Pattern Maker - last commit C# code transformation demo that uses Roslyn and Monaco Editor. Demo, Demo2.
  • CountDown Timer - last commit Count down timer with Browser notification and PWA using Blazor WebAssembly. Demo.
  • Modulight - last commit A light modular framework aimed to be low intrusive based on dependency injection for Blazor. Support lazy loading and prerendering for javascript, css stylesheets, and assemblies. Built with the new features introduced in .NET 5 such as WebAssembly Lazy Loading and Javascript Isolation.
  • Time Mage - last commit A Blazor PWA which has Timers, a Stopwatch, and Interval Timers. Demo.
  • TypinExamples - last commit A sample project that demonstrates the usage of Typin framework with a Blazor SPA application (Xterm.js and custom web workers implementation in C# to emulate terminal experience in browser). Live demo.
  • Unofficial eShopOnContainers - last commit Unofficial Blazor WebAssembly client for eShopOnContainers.
  • Picat Language IDE - last commit IDE for the Picat logic programming language based on the Monaco Editor. Demo.

Tutorials

Libraries & Extensions

Reusable components like buttons, inputs, grids and more. See also the Blazor component bundles feature comparison chart.

Component bundles

  • Ant Design Blazor - GitHub stars last commit A set of enterprise-class UI components based on Ant Design and Blazor. (Docs as Demo).
  • MatBlazor - GitHub stars last commit Material Design components for Blazor. (Demo).
  • Blazorise - GitHub stars last commit Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
  • MudBlazor - stars last commit MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. Documentation. Demo.
  • Radzen.Blazor - GitHub stars last commit Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
  • BlazorStrap - GitHub stars last commit Material Design components for Blazor. Bootstrap 4 components for Blazor (Demo).
  • Element-Blazor - GitHub stars last commit A blazor component library using Element UI. API imitates Element, CSS directly uses Element's style, HTML structure directly uses Element's HTML structure. Blazor WebAssembly Version demo. Blazor WebAssembly Version PWA Mode demo.
  • BlazorFluentUI - stars last commit Simple port of FluenUI/Office Fabric React components and style to Blazor. Client-side demo (WebAssembly). Server-side demo (SignalR).
  • BootstrapBlazor - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • Skclusive.Material.Components - GitHub stars last commit 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 - stars last commit A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts) for both Blazor server-side and Blazor client-side platforms.
  • BlazorWebFormsComponents - stars last commit A collection of Blazor components that emulate the web forms components of the same name.
  • BootstrapBalzor - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • Syncfusion Blazor UI Components - GitHub stars last commit The most comprehensive native Blazor component library including Data Grid, Charts, Scheduler, Diagram and Document Editor components. (Demo).
  • ADMINLTE - stars last commit ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.
  • Blazority - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • LoreSoft.Blazor.Controls - stars last commit Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
  • Material.Blazor - stars last commit 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 - stars last commit Open Source MIT Blazor Components: Grid, Select, Wizard etc.
  • PanoramicData Blazor UI Components - stars last commit An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. Demo.
  • HAVIT Blazor - GitHub stars last commit Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.). Enterprise project template with gRPC code-first client/server communication, localization and more. Interactive documentation & Demos.
  • Blazority - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • 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 your choice of Blazorise or MudBlazor, with more UI library integration coming. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
  • jQWidgets Blazor UI Components - last commit Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. Website.
  • Smart UI for Blazor - last commit Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. Website.
  • TabBlazor - last commit Blazor Admin theme built on top of Tabler UI. Minimal javascript. Demo.
  • Blazor.Ionic - GitHub stars last commit Ionic framework integration for Blazor.
  • Blazor Controls Toolkit - Complete toolset for implementing commercial business applications. It includes the equivalent of all Bootstrap JavaScript components, all html5 input types with widgets fallbacks, advanced editable components like DataGrid, TreeView, DetailView, ModalDetail, DetailList. All components have default customizable templates, and support virtualizazion and Drag & Drop. Component rendering is meta-data driven, so component configuration is in part automatic, and in part can be driven with data annotations. The toolset includes also query tools, to issue complex local or remote queries, changes-tracking tools to send only the changed records to the server, advanced validation attributes, globalization tools, "Behaviors" that modify existing components, state management and save, and more.

Individual components

API

Charts

CSS

  • BlazorStyled - stars last commit CSS in Blazor Components (Demo).
  • BlazorSize - stars last commit BlazorSize is a JavaScript interop library for Blazor that is used to detect the Browser's current size, change in size, and test media queries.
  • BlazorAnimation - stars last commit A Blazor component based on animate.css to easly animate your content. Demo.
  • BlazorCss - last commit CSS Helper for BlazorStyled which provides auto complete CSS styles.
  • BlazorCssGrid - last commit Css Helper for defining Grid SPA layouts in BlazorStyled.

Datagrids / tables

  • Grid.Blazor - stars last commit Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
  • BlazorGrid - GitHub stars last commit Virtualized data grid component with lean markup, focused on displaying remote data. (Demo & documentation).
  • Blazor.FlexGrid - stars last commit GridView component for Blazor.
  • Sve-Blazor-DataTable - stars last commit Blazor DataTable component with support for client/server side paging, filtering and sorting, build on top of bootstrap 4.
  • Table.Net - last commit Interactive and flexible Data Tables for Blazor Web Apps.
  • BlazorTable - stars last commit A Table Control for Blazor with sorting, paging, filtering and more (Demo).
  • WpfGridLayout.Blazor - last commit Provide a simple way to create a grid layout like WPF in Blazor.

Date & time

Maps

Markdowns

  • RazorComponents.Markdown - last commit A razor component for Markdown rendering which supports LaTeX, Mermaid diagram, code highlighting and extensions based on Markdig.
  • Blazor Markdown - last_commit A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.

Modal, Toast & Notifications

  • Blazored.Modal - GitHub stars last commit A JavaScript free modal library for Blazor and Razor Components applications.
  • Blazored.Toast - GitHub stars last commit A JavaScript free toast library for Blazor and Razor Component applications.

Tabs

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

Testing

  • bUnit - a testing library for Blazor components - stars last commit A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
  • Verify.Blazor - a snapshot testing library for Blazor components - stars last commit A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.

Others

  • Stl.Fusion - GitHub stars last commit .NET Core and Blazor library that attempts to dramatically improve the way we implement real-time and high-load services by introducing a novel kind of "computed observables" - immutable, thread-safe, and most importantly, almost invisible for developers. Samples. Overview.
  • BlazorContextMenu - GitHub stars last commit A context menu component for Blazor (Demo).
  • BlazorInputFile - GitHub stars last commit A file input component for Blazor applications, by Steve Sanderson.
  • Blazored.Typeahead - GitHub stars last commit Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
  • Blazor-DragDrop - stars last commit Easy-to-use Drag and Drop library for Blazor.
  • Blazored.Menu - stars last commit A JavaScript free menu library for Blazor and Razor Components applications.
  • Blazor LoadingBar - GitHub stars last commit Loading bar UI for Client-Side Blazor application.
  • Z.Blazor.Diagrams - stars last commit 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 - stars last commit Interactive diagram component (flowcharts, UML, BPMN, ...), customizable and extensible according to user needs (node types, styles). Demo.
  • BlazorDownloadFile - stars last commit Blazor download files to the browser from c# without any JavaScript library or dependency.
  • Blazor.SignaturePad - stars last commit A Blazor component library that utilizes Szymon Nowak's javascript library Signature Pad to implement smooth signature drawing on a HTML5 canvas.
  • Blorc.PatternFly - stars last commit Blazor wrappers for PatternFly. To view the latest develop branch in action, visit the demo app.
  • BlazorTransitionableRoute - stars last commit Allows current and previous route to exist enabling transition animations of UI/UX design systems.
  • Blazor-Dom-Confetti - last commit Celebrate success with dom 🎉confetti🎉 on Blazor projects. Two versions, dom-confetti wrapper and native blazor 100% JS free.
  • TwitterShareButton - last commit A Tweet Button component for Blazor.
  • Blazor.LoadingIndicator - last commit Simple to use loading indicator helper library.
  • BlazorTypography - last commit A powerful toolkit for building websites with beautiful design (Demo).
  • Razor.SweetAlert2 - last commit Blazor component implementing the popular SweetAlert2 JavaScript Library.
  • BlazorMonaco - last commit Blazor component for Microsoft's Monaco Editor which powers Visual Studio Code. (Demo).
  • Blazor.Grids - last commit Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. (Demo).
  • Blazor.TreeViews - last commit Component library for tree views. (Demo).
  • DnetOverlay - last commit Agular CDK Overlay implementation for Blazor.
  • GEmojiSharp.Blazor - last commit GitHub Emoji for Blazor (Demo).
  • Texnomic.Blazor.hCaptcha - last commit hCaptcha Component for Server-Side Blazor.
  • BlazorDialog - last commit Dialog component as a service for Blazor. Demo.
  • BlazorWheelZoom - last commit Zoom and move image with Blazor using mouse wheel and mouse drag - minimal javascript. Demo.
  • AdvancedBlazorSelect2 - last commit Simple wrapper for Select2 with full support of databases and custom web APIs.
  • BlazorLocalizationSample GitHub stars last commit The default project template localized using XLocalizer with online translation and auto resource creating.
  • TimeCalc - last commit An app to help keep track of speed cubing averages on the fly using Blazor WebAssembly. Demo.
  • BlazorSliders - last commit Create multiple panels separated by sliding splitters.
  • BlazorTimeline - stars last commit Responsive, vertical timeline component.
  • BlazorTypewriter - last commit A typewriter effect for Blazor.
  • BlazorMergely - last commit An implementation of Blazor diff and merge component based on Mergely with server side support.
  • MetaMask.Blazor - last commit A library that provides an easy helper to use MetaMask with Blazor WebAssembly.

Tools & Utilities

Libraries and extensions for state management, cookies, local storage and other specific tools.

  • Fluxor - GitHub stars last commit Zero boilerplate Flux/Redux library for DotNet.
  • SignalR - GitHub stars last commit SignalR Core implementation for Blazor. It uses the JavaScript client.
  • Blazored.LocalStorage - GitHub stars last commit A library to provide access to local storage in Blazor applications.
  • Storage - GitHub stars last commit HTML5 Storage API implementation for Microsoft Blazor.
  • Blazor-State - GitHub stars last commit Manage client side state in Blazor using MediatR pipeline.
  • bUnit - a testing library for Blazor components - GitHub stars last commit A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
  • Logging - GitHub stars last commit Microsoft Extension Logging implementation for Blazor.
  • TextCopy - GitHub stars last commit A cross platform package to copy text to and from the clipboard. Supports Blazor via the Clipboard Browser API.
  • CssBuilder - GitHub stars last commit CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
  • Notifications - GitHub stars last commit HTML5 Notifications API implementation for Microsoft Blazor.
  • Blazor.Polyfill - GitHub stars last commit Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
  • Blazor I18n/Localization Text - stars last commit Localizing contents text in Blazor (Demo).
  • BlazorGoogleMaps - stars last commit Blazor interop for GoogleMap library.
  • BlazorWorker - stars last commit Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.
  • MvvmBlazor - stars last commit BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it's simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.
  • Blazor.BrowserExtension - stars last commit Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.
  • Cortex.Net - GitHub stars last commit State management like MobX for .NET and Blazor. Documentation.
  • Blazor Analytics - Blazor extensions for Analytics.
  • Blazor PDF - stars last-commit Generate de PDF document with iTextSharp from a Blazor Server App.
  • Blazor SVG Helper - stars last commit Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
  • BlazorRouter - stars last commit BlazorRouter is an awesome router inspired by react-router, providing declarative routing for Blazor.
  • DataJuggler.Blazor.FileUpload - stars last commit 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 - last commit A library to provide Speech Synthesis API access for Blazor.
  • Blazor BarCode – A barcode library for Blazor using barcode fonts.
  • BlazorState.Redux - last commit Develop Blazor apps with Redux.
  • Howler.Blazor - last commit A Blazor JSInterop wrapper for Howler.js, an audio library.
  • jsMind.Blazor - last commit A Blazor JSInterop wrapper for jsMind, a MindMapping tool.
  • Blazor Highcharts - last commit A port of the popular Highcharts library. Demo.
  • Blazor.LazyStyleSheet - last commit Lazy loading for CSS style sheets.
  • Blazor.ScriptInjection - stars last commit Smart script tags in Blazor components, ideal for lazy loading of javascript files.
  • DnetIndexedDb - last commit Blazor Library for IndexedDB DOM API.
  • BlazorIndexedDbJs - last commit BlazorIndexedDbJs is a wrapper arround IndexedDB DOM API, supports Blazor WASM and Server.
  • Blazor-Color-Picker - last commit Opens a palette with the Material colors for Blazor application.
  • Blazor_EmojiFilePicker - last commit Bootstrap Text-Input with Smiley- and File-Support for Blazor.
  • Blazor Library Asset Helper - last commit 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 - last commit A Blazor library for connecting to devices using Bluetooth.
  • WebBluetooth - last commit Blazor service for the experimental WebBluetooth functions. Based on Blazm.Bluetooth.
  • BlazorApplicationInsights - last commit Application Insights for Blazor web applications.
  • BracketShow.BlazorNavigationManagerExtensions - last commit 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 - last commit BlazorX.NavigationState provides a set of utilities that allow you to observe and bind query strings directly to Blazor components.
  • Blazor Printing - last-commit Print and save PDF documents with a native print dialog in a Blazor Server or client Application.
  • XLocalizer - GitHub Stars last commit Easily localize Asp.Net Core web applications with online translation and auto resource creating.
  • BlazorTemplater -last-commit Use .razor components to render HTML strings for email content.

Others

  • Blazor Extensions Home - GitHub stars Home for Blazor Extensions.
  • Bolero - GitHub stars last commit Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.
  • BlazorFabric - GitHub stars last commit Blazor port of Microsoft UI Fabric with fluent design. (Demo).
  • BlazorWebView - GitHub stars last commit Blazor WebView control for WPF, Android, macOS, iOS. Run Blazor on .NET Core and Mono natively inside a Webview. Documentation.
  • WebSocketHelper - stars last commit Helper for Web Socket in Blazor.
  • BlazorLazyLoading - GitHub stars last commit Production ready lazy loading implementation. Full lazy loading support for WASM and Server (pages, components, dlls) with abstractions to implement modularization if you wish (custom endpoints, custom manifests, etc).
  • SpotifyService - stars last commit A high-level Spotify API library for Blazor WebAssembly projects that enables Spotify playback in the browser, manages OAuth 2.0 authorization, provides easy access to the Spotify Web API and uses IndexedDB caching.
  • Bionic - An Ionic CLI clone for Blazor projects.
  • BlazorFileSaver - Blazor Component wrapper for FileSaver.js (Demo).
  • Blazor.DownloadFileFast - Fast download of files to the browser from Blazor without any javascript library reference or dependency. (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 - last commit This project takes in a TypeScript type definition file and creates a .NET Core project that will work with the provided Interop abstraction project.
  • Generators.Blazor - last commit Generators.Blazor is a source generator for improving performance in Blazor. The project also contains analyzers to detect common issues in Blazor apps.
  • BlazorZXingJs - last commit Barcode/QRCode Reader and QRCode writer components. This is a Blazor wrapper around zxing-js library. It supports variety of barcode and 2d code types.

Videos

Articles

Podcasts

  • Daniel Roth on Web Development with .NET 6 - September 13, 2021 - Azure DevOps Podcast, episode 158: Daniel Roth on Web Development with .NET 6. Daniel was last on the podcast over two years ago in episode 47 to discuss Blazor DevOps. In this episode, he and Jeffrey discuss web development with .NET 6.0. He shares the high points of what’s coming next for .NET 6.0, the major differences between .NET 5.0 and 6.0, what to look forward to with regards to Blazor, and his insights on WASM tooling, minimal APIs and hosting, and hot reload within .NET 6.0. Duration: 45 minutes.
  • Dean Guida on the Future of .NET Components - August 16, 2021 - Dean Guida shares his insights on the future of .NET components; lessons he has learned having run a software company for over 30 years; his top recommendations when it comes to managing software teams, DevOps toolchains, preparing for the release of .NET 6, server-side vs. Web Assembly, what .NET developers should be doing today for full system testing, and more! He also gives advice to aspiring entrepreneurial software engineers, an overview of Infragistics’ tools, and what to be looking out for as a software developer today. Duration: 34 minutes.
  • bUnit, TDD, and Sci-fi with Egil Hansen - July 18, 2021 - In this episode, Jimmy and Jessica talk to Egil Hansen about bUnit, test-driven development, and Sci-fi. Duration: 72 minutes.
  • Blazor with Chris Sainty - July 13, 2021 - In this episode, I was thrilled to be joined by Chris Sainty to chat all about Blazor! Blazor is a new .NET technology allowing you to build SPA-like frontend web UIs in C#! Very focused on developer productivity and componentisation - Blazor is certainly going to become my go-to for frontends moving forward! And chatting with Chris in this episode, has shown me even more reasons why Blazor is becoming so immensely popular.
  • React, writing a book, and Blazor with Carl Rippon - March 22, 2021 - Coding after work, episode 57: React, writing a book, and Blazor with Carl Rippon. Duration: 35 minutes.
  • .NET 6 with Daniel Roth - March 11, 2021 - What's next for .NET? Carl and Richard chat with Dan Roth about all the good things coming this November for .NET. The conversation starts out with some discussion around Blazor, which is no longer an experimental project, but now a key part of .NET. Dan talks about the role of MAUI bringing together UI elements for smartphones, tablets, PCs, and more. There's a lot to look forward to by the end of 2021. Duration: 58 minutes.
  • Blazor Keeps Getting Better with Daniel Roth - March 9, 2021 - .NET 059: Blazor Keeps Getting Better with Daniel Roth. Blazor has come a long way since 2018. Blazor WebAssembly was released in 2020 and Blazor was integrated as a full-fledged member of .NET 5. Daniel Roth joins us to discuss the progress and improvements the Blazor team has made over the last year. We also discuss a number of updates coming in 2021 like the new Razor editor. The future of Blazor is bright, indeed. Duration: 61 minutes.
  • Blazor in Action with Chris Sainty - January 8, 2021 - Blazor in Action with Chris Sainty in the .NET Core Show, episode 67. Duration: 67 minutes.
  • .NET 5 with Scott Hunter - December 24, 2020 - .NET 5 is shipped! What happens now? As part of the .BLD() Tech Talks XXL event in the Netherlands, Carl and Richard streamed interviewing Scott Hunter about .NET 5. The conversation turns to how the scope of .NET 5 focused in on how to help projects move from the standard framework onto .NET 5. Scott also dives into the ever-improving performance of .NET, the latest version of Blazor, and the adoption of WinForms in .NET 5 - and what's coming for .NET 6. Duration: 53 minutes.
  • Archives - 2020, 2019, 2018, 2017.

Presentations slides

Tooling

Books

E-Books

  • Blazor WebAssembly Succinctly - August 31, 2020 - Blazor is a framework for creating SPA webpages with either client-side or server-side architectures, using Razor technology written with the C# language. Because client-side Blazor with WebAssembly executes entirely on a user's browser, it’s very fast for many applications. In Blazor WebAssembly Succinctly, Michael Washington will take readers through the core elements of Blazor and then explore additional features by building a sample application. Free e-book.
  • Blazor Succinctly - April 16, 2020 - A free e-book for starting with the Blazor framework.
  • Blazor, A Beginners Guide - March 18, 2020 - A free e-book for getting started with the Blazor framework. Examples source code.
  • Blazor for ASP.NET Web Forms developers - Blazor for ASP.NET Web Forms developers, a free e-book from Microsoft.
  • Using CSLA 5: Blazor and WebAssembly - This book covers the new Blazor UI framework, including how to create server-side and client-side WebAssembly projects, how to implement authentication and authorization, and how to use data binding. It then covers how CSLA .NET supports Blazor, including walking through a complete sample app.
  • An Introduction to Building Applications with Blazor - August 24, 2019 - An Introduction to Building Applications with Blazor: How to get started creating applications using this exciting easy to use Microsoft C# framework
  • Archives - 2018.

Courses

Community

Other Languages

License

CC0

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

About

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Resources

License

Stars

Watchers

Forks

Packages

No packages published