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

WebAssemblyMan/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!

Contents

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.

To open Blazor projects in Visual Studio, you must have Visual Studio 2019 16.3 or later and the .NET Core 3.0 SDK.

Note: the Blazor Visual Studio extension is no longer required since .NET Core 3.0 Preview 7. Uninstall the extension if you still have it installed.

General

Sample Projects

Authentication

  • BlazorBoilerplate - stars last commit Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. Demo.
  • BlazorWithIdentity - stars last commit A sample project showcasing a Blazor app using EF Core with Identity authentication.
  • Authentication with client-side Blazor - stars last commit Authentication with client-side Blazor using WebAPI and ASP.NET Core Identity. Blog post.
  • Blazor.JWTTest - stars last commit JWT authentication for a Blazor hosted (Client/Server-side) app with API and Authentication.
  • BlazorAuthenticationSample - stars last commit A sample showing some of the ASP.NET Core Blazor authentication features (also some testing...).
  • Blazor.Msal - stars last commit Sample implementation for MSAL in Blazor, it shows how to integrate a Single Page Web Application made in Blazor WebAssembly with Azure Active Directory. It allows to authenticate the user and then acquire an access token to make a secure call to an external API. The code internally uses MSAL.js to implement the OpenID Connect and OAuth2 flows.
  • Blazor.OpenId - stars last commit Easy authentication and client refresh using OpenId.

Cloud

CMS

  • BlogCore - GitHub stars GitHub stars Modern CMS on Domain-driven Design and Clean Architecture patterns.
  • WordDaze - GitHub stars GitHub stars Blogging application written using Blazor with a WebAPI backend.
  • RapidCMS - GitHub stars GitHub stars A code-first, extensible Blazor app that generates a CMS for your own database.

Games

Hybrid experiments

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.
  • PropertyPrices - last-commit A blazor front-end site that provides analysis and ensemble learning predictions (through SharpLearning) of property prices in the UK.
  • BlazorML5 - last-commit ML5 Machine Learning for Blazor with JSInterop mechanism.
  • Baseball Machine Learning Workbench - last-commit A web application that showcases performing what-if analysis using in-memory Machine Learning models. Live demo.

Mobile

ToDos

Others

  • Flight Finder - GitHub stars GitHub stars Flight Finder.
  • Oqtane Framework - GitHub stars GitHub stars Modular Application Framework for Blazor.
  • BlazorElectronExperiment - GitHub stars last commit Status Exploring how a Blazor could be used to build a cross-platform desktop application using Electron.
  • BlazorFileReader - GitHub stars GitHub stars Read-only File streams in Blazor. Demo.
  • BlazorDesktop - GitHub stars last commit Native desktop Blazor app which not using Electron, by Steve Sanderson.
  • Toss.Blazor - GitHub stars GitHub stars Twitter-like web application using Blazor.
  • BlazeDown - GitHub stars GitHub stars BlazeDown, online Markdown editor. Demo.
  • Blazor.Toaster - GitHub stars GitHub stars A Blazor port of Toastr.js.
  • BlazorChatSample - stars last commit Blazor chat demo using SignalR JS client with interop.
  • Money - stars last commit A money manager implemented using CQRS+ES. Demo.
  • eShopOnBlazor - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • Blazor contacts - stars last commit A project template for OData API, IdentityServer4 auth, and server-side Blazor.
  • Tour of Heroes - GitHub stars GitHub stars Blazor implementation of Angular Tour of Heroes.
  • Runny - GitHub stars GitHub stars Prototype of running roslyn in the browser via Blazor. Demo.
  • Blazor Weather - GitHub stars GitHub stars 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.
  • BlazorGrpc - GitHub stars GitHub stars 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.
  • Gitter - GitHub stars GitHub stars A Blazor Gitter client.
  • Return - GitHub stars GitHub stars Realtime retrospective tool built in ASP.NET Core and Blazor.
  • BlazePort - GitHub stars GitHub stars A futuristic ride share app for space travel written in full stack .NET with Blazor.
  • BlazingPizza (server side) - GitHub stars GitHub stars A server side Blazor version of the Blazing Pizza project from the Blazor - app building workshop GitHub stars.
  • BlazorGraphExample - stars last commit Example application for connecting to Graph API from Blazor.
  • BlazorDynamicList - GitHub stars GitHub stars Dynamic component binding for a generic list. Demo.
  • Blazor FIRE Calculators - GitHub stars GitHub stars Client-side financial calculators built using Blazor WebAssembly. Demonstrates custom number formatting and offline Progressive Web App (PWA) functionality. Demo.
  • Try F# on WebAssembly - GitHub stars GitHub stars The F# compiler running in WebAssembly with Bolero.
  • StarshipTraveler - GitHub stars GitHub stars A starship traveler demo app built with Blazor for the DevOne 2019 conference.
  • Blazor + Sitecore - GitHub stars GitHub stars Example of dynamic pages and routes with SiteCore and Helix.
  • BlazorServerTree - GitHub stars GitHub stars A simple Server-Side Blazor sample app to deal with hierarchical data.
  • BlazorCRUD - GitHub stars GitHub stars Sample line of business application that illustrates key features of Blazor. Demo.
  • BlazorBinding - GitHub stars GitHub stars Sample Blazor App demonstrating various data binding scenarios.
  • WebSocketPage - GitHub stars last-commit Web Socket in Blazor. demo.
  • C# Minifer last-commit A client-side Blazor application demonstrating live minification of C# code using the C# Minifier library. Demo.
  • BlazorPages - last-commit A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
  • Pattern Maker - last-commit C# code transformation demo that uses Roslyn and Monaco Editor. Demo.
  • Tulsa .NET User Group website - Last commit Tulsa .NET User Group website.
  • 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).
  • 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 Services Explorer - 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.
  • BlazorForum - Last commit Forum application built with Blazor.
  • Blazor + Umbraco Heartcore - Last commit Example of using Umbraco Heartcore with Blazor.

Tutorials

Libraries & Extensions

Components

Reusable components like buttons, inputs, grids and more.

  • MatBlazor - GitHub stars last commit Material Design components for Blazor. (Demo).
  • Blazorise - GitHub stars last commit Material Design components for Blazor. Components for Blazor with support for Bootstrap, Bulma and Material CSS. (Demo).
  • BlazorStrap - GitHub stars last commit Material Design components for Blazor. Bootstrap 4 components for Blazor (Demo).
  • Radzen.Blazor - GitHub stars last commit Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
  • Canvas - GitHub stars last commit Material Design components for Blazor. HTML5 Canvas API implementation for Microsoft Blazor.
  • ChartJs.Blazor - GitHub stars last commit Brings ChartJs charts to Blazor.
  • DevExpress Blazor UI Components - GitHub 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.
  • BlazorContextMenu - GitHub stars last commit Material Design components for Blazor. A context menu component for Blazor (Demo).
  • Blazored.Modal - GitHub stars last commit A JavaScript free modal library for Blazor and Razor Components applications.
  • Blazor.FlexGrid - GitHub stars last commit GridView component for Blazor.
  • Grid.Blazor - GitHub stars last commit Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
  • BlazorMaterial - GitHub stars last commit Blazor components implementing Google's Material components for web.
  • BlazorWebFormsComponents - stars last commit A collection of Blazor components that emulate the web forms components of the same name.
  • 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.
  • Blazored.Toast - GitHub stars last commit A JavaScript free toast library for Blazor and Razor Component applications.
  • Ant-design-blazor - GitHub stars last commit An enterprise-class UI components based on Ant Design and Blazor. (Demo).
  • BlazorInputFile - GitHub stars last commit A file input component for Blazor applications, by Steve Sanderson.
  • Syncfusion Blazor UI Components - GitHub stars last commit Robust UI components including Data Grid, Charts, Scheduler, Inputs and several Editor components.
  • Blazored.Typeahead - GitHub stars last commit Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
  • Sotsera.Blazor.Toaster - GitHub stars last commit A Blazor port of Toastr.js. Demo.
  • BlazorStyled - GitHub stars last commit CSS in Blazor Components (Demo).
  • Blazor LoadingBar - GitHub stars last commit Loading bar UI for Client-Side Blazor application.
  • BlazorComponents - GitHub stars last commit Reusable components for Blazor. Starting with ChartJS interop.
  • BlazorGrid - GitHub stars last commit This is a reusable grid component for Blazor which also supports client side pagination.
  • Blazored.Menu - stars last commit A JavaScript free menu library for Blazor and Razor Components applications.
  • Blazor-DragDrop - GitHub stars last commit Easy-to-use Drag and Drop library for Blazor.
  • BlazorTable - stars last commit A Table Control for Blazor with sorting, paging, filtering and more (Demo).
  • Blazor-Charts - GitHub stars last commit SVG charts for Blazor.
  • NodaTimePicker - GitHub stars last commit A Date/Time picker component library for Blazor using NodaTime. Demo.
  • BlazorBits - GitHub stars last commit Components including Monaco editor GitHub stars.
  • BlazorDateRangePicker - stars last commit A date range picker component library for Blazor. Demo.
  • BlazorVirtualScrolling - stars last commit Virtual Scrolling Component for Blazor (Demo).
  • BlazorGoogleMaps - GitHub stars last commit Blazor interop for GoogleMap library.
  • BlazorVirtualGrid - GitHub stars last commit Reusable, fully configurable component with rows and columns fast virtualization (Demo).
  • Flexor - last commit Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).
  • BlazorScrollbar - last commit Reusable, fully configurable component with vertical and horizontal scrollbars (Demo).
  • BlazorSplitter - last commit Reusable, fully configurable component with vertical and horizontal splitters and diagonal resizer (Demo).
  • BlazorConfirm - last commit A Blazor Wrapper for JS's Window.confirm() and onbeforeunload as .Net Blazor Component (Demo).
  • BlazorQuery - last commit jQuery for Blazor (Blazor Library that wraps jQuery completely in C# for use in Blazor).
  • Telerik UI for Blazor - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
  • 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.
  • Blazor.SpinKit - last commit Blazor components for SpinKit spinners.
  • Blorc.PatternFly - last commit Blazor wrappers for PatternFly. To view the latest develop branch in action, visit the demo app.
  • Head Element Helper - last commit <Title> and <Meta> components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. (Demo).
  • Localized Data Annotations Validator - last commit The data annotations validator for Blazor to localize validation error messages. (Demo).
  • BlazorWebFormsComponents - last commit A collection of Blazor components that emulate the web forms components of the same name.
  • BlazorSize - 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.
  • LiquidTechnologies.Blazor.ModalDialog - last commit 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).
  • GG.Net Data Visualization - last commit 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.
  • BlazorContentEditable - last commit A contenteditable component for Blazor. (Demo).
  • DnetOverlay - last commit Agular CDK Overlay implementation for Blazor.
  • Blazor-Sparkline - last commit Sparkline Charts for Blazor using Fonts.

Tools & Utilities

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

  • Blazor-Redux - GitHub stars last commit Connecting a Redux state store with Blazor.
  • Blazor-Fluxor - GitHub stars last commit A low-boilerplate Flux/Redux state library for Blazor.
  • 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.
  • BlazorStorage - GitHub stars last commit Local and session storage support for Blazor.
  • Blazor.Auth0 - GitHub stars last commit The library for using Auth0 in Blazor applications.
  • BlazorDB - GitHub stars last commit In-memory, persisted to local storage, database for Blazor.
  • CssBuilder - GitHub stars last commit CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
  • BlazorSignalR - GitHub stars last commit SignalR Core .NET client library for Blazor. It uses the C# client.
  • 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 - GitHub stars last commit Localizing contents text in Blazor (Demo).
  • Blazor.Geolocation - GitHub stars last commit Blazor interop for browser Geolocation APIs.
  • Blazored.Localisation - GitHub stars last commit A library to provide localisation in client-side Blazor applications.
  • EmbeddedBlazorContent - GitHub stars last commit Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
  • Blazor Time Zone Kit - GitHub stars last commit A library to provide system time zones and local time zone initialization in Blazor apps.
  • BlazorGoogleMaps - stars last commit Blazor interop for GoogleMap library.
  • Blazor.Payments - GitHub stars last commit Blazor Web Agent port of the Web Payment API standard developed by W3C.
  • Blazor SVG Helper - stars last commit Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
  • Blazor Analytics - Blazor extensions for Analytics.
  • 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.Sensors - Blazor interop for browser sensor APIs.
  • Rudder - Efficient state container for Blazor with concepts similar to the ones in redux, including reducers and sagas.
  • BlazorIntersectionObserver - A Blazor wrapper for the Intersection Observer API.
  • 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#.
  • Simple logging server - An ultra simple remote log message server written in Blazor and .NET Core 3.
  • Howler.Blazor - A Blazor JSInterop wrapper for Howler.js, an audio library.
  • DataJuggler.Blazor.FileUpload - Wrapper for Steve Sanderson's BlazorFileInput component.
  • Cortex.Net - State management like MobX for .NET and Blazor.
  • Blazor.LazyStyleSheet - Lazy loading for CSS style sheets.

Others

Videos

Articles

Podcasts

Presentations slides

Tooling

Books

E-Books

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