Git Product home page Git Product logo

awesome-blazor's Introduction

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.

Special event: "Blazor Day". [Over]

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.

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.
  • 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.
  • Blorc.OpenIdConnect - last commit The right way to use OpenID Connect on Blazor.
  • BlazorGraphApi - stars last commit Blazor Server App with AD Authentication, that calls the MS Graph API on-behalf of the signed-in user using Microsoft.Identity.Web.

Cloud

CMS

  • Blogifier - GitHub stars GitHub stars ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
  • BlogCore - GitHub stars GitHub stars Modern CMS on Domain-driven Design and Clean Architecture patterns.
  • RapidCMS - stars stars A code-first, extensible Blazor app that generates a CMS for your own database.
  • WordDaze - stars last commit Blogging application written using Blazor with a WebAPI backend.
  • 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.

Games

  • AsteroidsWasm - stars last commit Collection of applications based on a single C# .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron, 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].
  • Blagario - GitHub stars GitHub stars Experimental lab to test Blazor server side as multiplayer game engine.
  • DiabloBlazor - stars last commit Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. Demo.
  • BlazorPong - stars last commit - Pong in Blazor server model and Wasm model using SignalR Core. Server Demo. Wasm Demo.
  • BlazorConnectFour - last commit Classic childhood game ConnectFour in Blazor.
  • Memory Game Wasm/PWA - last commit Simple Memory game with PWA support. Demo.
  • BlazorGame - last commit BlazorGame is a small proof-of-concept project to investigate the feasability of Blazor-based C# game development.

Hybrid

Logging

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

Machine Learning

Mobile

ToDos

Others

  • Flight Finder - stars last commit Flight Finder.
  • Oqtane Framework - GitHub stars GitHub stars Modular Application Framework for Blazor.
  • BlazorDesktop - GitHub stars last commit Native desktop Blazor app which not using Electron, by Steve Sanderson.
  • BlazorFileReader - GitHub stars GitHub stars Read-only File streams in Blazor. Demo.
  • BlazorElectronExperiment - GitHub stars last commit Status Exploring how a Blazor could be used to build a cross-platform desktop application using Electron.
  • Toss.Blazor - GitHub stars GitHub stars Twitter-like web application using Blazor.
  • BlazorChatSample - stars last commit Blazor chat demo using SignalR JS client with interop.
  • 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.
  • BlazeDown - GitHub stars GitHub stars BlazeDown, online Markdown editor. Demo.
  • Money - stars last commit A money manager implemented using CQRS+ES. Demo.
  • BlazorCRUD - GitHub stars GitHub stars Sample line of business application that illustrates key features of Blazor. Demo.
  • 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.
  • Return - GitHub stars GitHub stars Realtime retrospective tool built in ASP.NET Core and Blazor.
  • 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.
  • Runny - GitHub stars GitHub stars Prototype of running roslyn in the browser via Blazor. Demo.
  • BlazorForum - stars Last commit Forum application built with Blazor.
  • Gitter - GitHub stars GitHub stars A Blazor Gitter client.
  • BlazePort - GitHub stars GitHub stars A futuristic ride share app for space travel written in full stack .NET with Blazor.
  • 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.
  • 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.
  • BlazorBinding - GitHub stars GitHub stars Sample Blazor App demonstrating various data binding scenarios.
  • 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.
  • C# Minifer last-commit A client-side Blazor application demonstrating live minification of C# code using the C# Minifier library. Demo.
  • 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).
  • 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 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.
  • Blazor + Umbraco Heartcore - Last commit Example of using Umbraco Heartcore with Blazor.
  • BlazorGrpcWebCodeFirst - last commit 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.
  • GTAVehicles - last commit Sample app to manage GTA vehicles. 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.
  • Blazor Chat - last commit A sample project that demonstrates using a Singleton class to communicate to all subscribers. Site is also live at https://blazorchat.com.
  • 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.

Tutorials

Libraries & Extensions

Components

Reusable components like buttons, inputs, grids and more.

Tools & Utilities

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

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.
  • BlazorMobile - GitHub stars last commit Launch Blazor as a mobile application on iOS, Android & UWP.
  • NObservable - GitHub stars last commit MobX-like observables and component instrumentation.
  • BlazorFabric - GitHub stars last commit Blazor port of Microsoft UI Fabric with fluent design. (Demo).
  • Blazor-Dashboard - GitHub stars last commit Admin Dashboard Template Theme for Blazor.
  • BlazorEmbedLibrary - GitHub stars last commit Provides Blazor-style embedded static content files for Razor Components projects.
  • 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).
  • BlazorLazyLoad - stars last commit BlazorLazyLoad is a implementation of assembly lazy load feature in Blazor WASM application on both page and component level.
  • 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.DynamicJavascriptRuntime.Evaluator - Execute dynamic object expressions as Javascript in Blazor client-side apps.
  • Blazor.AdaptiveCards - Adaptive Cards for Blazor. Documentation.

Videos

Articles

Podcasts

  • Testing Blazor Apps with Egil Hansen - June 4, 2020 - Testing Blazor Apps with Egil Hansen, on .NET Rocks. How do you test your Blazor app? Carl Franklin and Richard Campbell talk to Egil Hansen about bUnit stars last commit, an open-source testing framework designed to work with Blazor - both the server-side Razor components and the WebAssembly client. Egil talks about building bUnit to allow for robust testing, that is, tolerant to the normal changes that come to an application without breaking all the tests. The conversation also turns to growing the bUnit project with more contributors, a wider set of features, and perhaps being part of the .NET Foundation.
  • Michael Washington on the State of Blazor - May 11, 2020 - In this episode of Azure DevOps Podcast, Jeffrey Palermo is speaking with Michael Washington about Blazor in-depth. They discuss the current state of Blazor; Oqtane, a modular application framework for Blazor; server-side Blazor apps; Radzen, a low-code, RAD solution; his books on the topic of Blazor; and his advice, tips, recommendations, and resources for Blazor as well.
  • Blazor with guest Carl Franklin - March 9, 2020 - Carl Franklin is the guest to Weekly Dev Tips. Carl Franklin and Steve Smith (aka Ardalis) discuss Blazor in general and look at how to create a generic object picker control for Blazor.
  • Podcast: Occam’s Blazor - January 14, 2020 - Podcast by Stack Overflow.
  • .NET Core 3 Launch with Scott Hunter - September 26, 2019 - .NET Rocks Podcast, episode 1654: .NET Core 3 Launch with Scott Hunter.
  • Moving from Web Forms to Blazor with Jeff Fritz - September 12, 2019 - .NET Rocks Podcast, episode 1652: Moving from Web Forms to Blazor with Jeff Fritz.
  • Blazor with Daniel Roth - September 03, 2019 - Daniel Roth starts by introducing Web Assembly and how this changed web development. Blazor allows full-stack development through .NET with C#. The panel asks Dan about Blazor's capabilities and future. Dan shares Blazor’s origin story.
  • What is WebAssembly - September 02, 2019 - What is WebAssembly, episode 122 of the Cynical Developer podcast.
  • Building Applications using Server-Side Blazor with Shaun Walker - August 22, 2019 - .NET Rocks! podcast, episode 1649: Building Applications using Server-Side Blazor with Shaun Walker.
  • Daniel Roth on Blazor - July 29, 2019 - Azure DevOps Podcast, Episode 47: Daniel Roth on Blazor DevOps.
  • Blazor with Ed Charbeneau - July 17, 2019 - Coding After Work podcast, Episode 43 – Blazor with Ed Charbeneau.
  • MS Dev Show - Blazor with Ed Charbeneau - June 24, 2019 - MS Dev Show - Blazor with Ed Charbeneau.
  • .NET Core Show Podcast, Episode 27 - Blazored with Chris Sainty - June 14, 2019 - .NET Core Show Podcast, Episode 27 - Blazored with Chris Sainty.
  • Blazor with Ed Charbeneau - June 10, 2018 - The 6 Figure Developer Podcast, Episode 095 – Blazor with Ed Charbeneau.
  • Blazor - You Want To Run .NET Where?! - May 17, 2019 - .NET Core Show - Episode 25 - Blazor - You Want To Run .NET Where?!
  • The Cynical Developer - Blazor - February 18, 2019 - Episode 108 of The Cynical Developer - Blazor.
  • Blazor in 2019 with Steve Sanderson and Dan Roth - February 14, 2019 - .NET Rocks, Blazor in 2019 with Steve Sanderson and Dan Roth.
  • Archives - 2018, 2017.

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.

awesome-blazor's People

Contributors

adrientorris avatar samprof avatar ctrl-alt-d avatar stsrki avatar ankitsharma-007 avatar jsakamoto avatar danroth27 avatar chanan avatar chrissainty avatar datajuggler avatar isc30 avatar jspuij avatar ivanjosipovic avatar gustavnavar avatar sandervandevelde avatar macel94 avatar alexfdezsauco avatar austineric avatar bradwellsb avatar simoncropp avatar elderjames avatar pablofrommars avatar stefanloerwald avatar jameschch avatar umamaheswarichandrabose avatar thbst16 avatar svenord avatar n-stefan avatar stardustdl avatar wmgdev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.