这是indexloc提供的服务,不要输入任何密码
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

masums/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 website.

Requirements

Please note that if you want to open Blazor projects in Visual Studio, you must have Visual Studio 15.7 Preview 1 or later and the .NET Core 2.1 Preview 1 SDK. Recommanded: the latest Visual Studio 2019 Preview and the latest .NET Core SDK.

Note: the Blazor Visual Studio extension is not longer required since the ASP.NET Core Preview 7.

Here is the documentation of Microsoft, Get started with Blazor.

General

Sample Projects

CMS

  • BlogCore (149:star:) - Modern CMS on Domain-driven Design and Clean Architecture patterns.
  • WordDaze (28:star:) - Blogging application written using Blazor with a WebAPI backend.

Games

  • AsteroidsWasm (26:star:) - A mixed bag of C# projects to see if a single .NET Standard base can run across all common platforms include WebAssembly. Demo.
  • BlazorQuiz (18:star:) - Simple quiz using Blazor.NET and WebAssembly.
  • BlazorChess (9:star:) - Chess engine implemented with Blazor. Demo.
  • BlazorGameSnake (3:star:) - 2D game snake with customizations, path finding algorithm, and sound effects using SVG. Demo.
  • BlazorDestinationGame (1:star:) - Quizz about places in the world. Demo.
  • Blagario (5:star:) - Experimental lab to test blazor server side as multiplayer game engine with no canvas (just blazor, html and css). Collaborations are welcome. Scaffolding status.
  • Blazor20Questions (2:star:) - Client/Server game using Websockets (SignalR) & MongoDB API, with Docker (docker-compose).
  • BlazorDice - Roll the dice.
  • Tzaar (4:star:) - Implementation of the board game Tzaar with Blazor and SignalR. Demo.

ToDos

Others

  • Flight Finder (419:star:) - Flight Finder.
  • BlazorElectronExperiment (152:star:) [Archived] - Exploring how a Blazor could be used to build a cross-platform desktop application using Electron.
  • BlazeDown (46:star:) - BlazeDown, online Markdown editor. Demo.
  • BlazorFileReader (54:star:) - Read-only File streams in Blazor. Demo.
  • Runny (29:star:) - Prototype of running roslyn in the browser via Blazor. Demo.
  • Try F# on WebAssembly (16:star:) - The F# compiler running in WebAssembly with Bolero.
  • BlazingPizza (server side) (15:star:) - A server side Blazor version of the Blazing Pizza project from the Blazor - app building workshop.
  • Blazor.JWTTest (12:star:) - JWT authentication for a blazor hosted (Client/Serverside) app with API and Authentication.
  • BlazorDynamicList (10:star:) - Dynamic component binding for a generic list. Demo.
  • Client-side RealWorld (2:star:) - RealWorld (29534:star:) implementation of Blazor Client-Side. Demo.
  • Server-side RealWorld (1:star:) - RealWorld (29534:star:) implementation of Blazor Server-Side. Demo.
  • BlazorClockCanvas (3:star:) - Complex clock based on Canvas. Demo.
  • BlazorClockSVG (2:star:) - Complex clock based on SVG. Demo.
  • Blazor Spreadsheet (3:star:) - Spreadsheet app developed in Blazor. Demo.
  • BlazorPasswordPattern (1:star:) - Password pattern based on SVG. Demo.
  • BlazorRawHtmlRenderer (1:star:) - Raw HTML rendering with Blazor. Demo.
  • BlazePort (6:star:) - A futuristic ride share app for space travel written in full stack .NET with Blazor.
  • BlazorBeerCalculator (2:star:) - Offline beer alc. vol. calculator built on Blazor. Demo.
  • BlazorBinding (10:star:) - Sample Blazor App demonstrating various data binding scenarios.
  • BlazorBoilerplate (51:star:) - Admin Dashboard / Starter Template with IdentityServer4, MatBlazer for Material Design.
  • BlazorCalculator (4:star:) - Simple calculator with history and ability to use previous results in new calculations. Demo.
  • Blazor calculator with expressions (1:star:) - A sample numerical expression evaluator in Blazor utilizing an F# library that uses FsLex and FsYacc to parse expressions. Demo.
  • Blazor Charts (8:star:) - Chart components for Blazor.
  • Beam (9:star:) - A social network demo application. This is the source code of the LinkedIn course "Blazor First Look".
  • BlazorChatSample (38:star:) - Blazor chat demo using SignalR JS client with interop.
  • Blazor Converters (3:star:) - Blazor Converters is simple converter app written using Blazor, influenced by Windows 10 Calculator.
  • BlazorCRUD (9:star:) - Sample line of business application that illustrates key features of Blazor. Demo.
  • BlazorFormsValidation (1:star:) - Blazor form validation sample.
  • BlazorGraphExample (13:star:) - Example application for connecting to Graph API from Blazor.
  • BlazorMobile (64:star:) - Launch a Blazor application as a standalone application.
  • BlazorPaint (8:star:) - A paint sample with Blazor (demo).
  • BlazorPages (1:star:) - A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
  • BlazorServerTree (10:star:) - A simple Server-Side Blazor sample app to deal with hierarchical data.
  • BlazorServiceWorker (3:star:) - A client-side Blazor template with service worker caching.
  • Blazor Summernote (2:star:) - Wrapper for the new MS Blazor framework, allowing the use of the Summernote Wysiwyg editor in a form.
  • Blazor Survey (12:star:) - A hybrid F#/C# blazor sample app to kick the tyres of blazor.
  • Blazor.Toaster (34:star:) - A Blazor port of Toastr.js.
  • Blazor Tree CRUD (9:star:) - CRUD operations with hierarchical data. Blazor Server + GraphQL + EF.
  • Blazor.Universal (4:star:) - Example of using Blazor to build Xamarin based UWP application without WebAssembly.
  • BlazorUnmarshalledCanvas (2:star:) - Unmarshalled invoking of Canvas 2d context from Blazor.
  • BlazorValidationControls (3:star:) - Blazor validation controls.
  • BlazorWithIdentity (36:star:) - A sample project showcasing a Blazor app using EF Core with Identity authentication.
  • Blazor.Xamarin (64:star:) - A Xamarin template for launch and interop a Blazor app on mobile.
  • Blazor + Electron sample - Explore how a Blazor app can be used to build a cross-platform desktop app.
  • Blazor + Sitecore (10:star:) - Example of dynamic pages and routes with SiteCore and Helix.
  • C# Minifer (2:star:) A client-side Blazor application demonstrating live minification of C# code using the C# Minifier (9:star:) library. Demo
  • CssBuilder – A clean code approach to conditional CSS classes for Razor components in Blazor.
  • Data Driven Layout (5:star:) - Two ways of driving the layout based on data in the page.
  • Gitter (19:star:) - A Blazor Gitter client.
  • Money (33:star:) - A money manager implemented using CQRS+ES. Demo.
  • NethereumBlazor (16:star:) - Ethereum blockchain explorer and simple wallet.
  • Oqtane Framework (161:star:) - Modular Application Framework for Blazor.
  • Pattern Maker (2:star:) - C# code transformation demo that uses Roslyn and Monaco Editor. Demo.
  • Rudder Example (0:star:) - Sample application using Rudder state container for Blazor.
  • StarshipTraveler (12:star:) - A starship traveler demo app built with Blazor for the DevOne 2019 conference.
  • TaxiFareBlazorServer (4:star:) - ML.NET TaxiFare Prediction Model with Blazor Server-Side front end.
  • Tour of Heroes (39:star:) - Blazor implementation of Angular Tour of Heroes.
  • Toss.Blazor (75:star:) - Twitter-like web application using Blazor.
  • Tulsa .NET User Group website (5:star:) - Tulsa .NET User Group website.
  • WebSocketPage (12:star:) - Web Socket in Blazor. demo.
  • ZoraGen Blazor (2:star:) - PWA capable Blazor UI for the ZoraSharp (26:star:) library.
  • Planning Poker (3:star:) – 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 (5:star:) - Compare packages on different NuGet-sources. Demonstating Client-Side Blazor MVVM-style.
  • C# Regex Tester online (1:star:) - Online tool for verify .Net regex syntax. (Demo).
  • EncFS over Google Drive - Online tool written in Blazor for encrypt/decrypt files in Google Drive.

Tutorials

Libraries & Extensions

Components

Reusable components like buttons, inputs, grids and more.

  • MatBlazor (368:star:) - Material Design components for Blazor. (Demo).
  • BlazorStrap (233:star:) - Bootstrap 4 components for Blazor (Demo).
  • Blazorise (204:star:) - Components for Blazor with support for Bootstrap, Bulma and Material CSS. (Demo).
  • BlazorMaterial (104:star:) - Blazor components implementing Google's Material components for web.
  • Canvas (95:star:) - HTML5 Canvas API implementation for Microsoft Blazor.
  • BlazorContextMenu (89:star:) - A context menu component for Blazor (Demo).
  • DevExpress Blazor UI Components (68:star:) - UI components including Data Grid, Pivot Grid, and several data editors.
  • NodaTimePicker (20:star:) - A Date/Time picker component library for Blazor using NodaTime. Demo.
  • Radzen.Blazor (20:star:) - Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
  • BlazorStyled (19:star:) - CSS in Blazor Components (Demo).
  • BlazorBits (18:star:) - Components including Monaco editor (16183:star:) .
  • BlazorVirtualGrid (13:star:) - Reusable, fully configurable component with rows and columns fast virtualization (Demo).
  • BlazorVirtualScrolling (9:star:) - Virtual Scrolling Component for Blazor (Demo).
  • BlazorScrollbar (3:star:) - Reusable, fully configurable component with vertical and horizontal scrollbars (Demo).
  • BlazorSplitter (2:star:) - Reusable, fully configurable component with vertical and horizontal splitters and diagonal resizer (Demo).
  • Sotsera.Blazor.Toaster (34:star:) - A Blazor port of Toastr.js. Demo.
  • BlazorConfirm (4:star:) - A Blazor Wrapper for JS's Window.confirm() and onbeforeunload as .Net Blazor Component (Demo).
  • BlazorQuery (8:star:) - jQuery for Blazor (Blazor Library that wraps jQuery completely in C# for use in Blazor).
  • Blazor LoadingBar (31:star:) - Loading bar UI for Client-Side Blazor application.
  • Blazor-Charts (25:star:) - SVG charts for Blazor.
  • BlazorComponents (46:star:) - Reusable components for Blazor. Starting with ChartJS interop.
  • ChartJs.Blazor (53:star:) - Blazor Component that wraps ChartJS.
  • Blazored.Menu (20:star:) - A JavaScript free menu library for Blazor and Razor Components applications.
  • Blazored.Modal (42:star:) - A JavaScript free modal library for Blazor and Razor Components applications.
  • Blazored.Toast (52:star:) - A JavaScript free toast library for Blazor and Razor Component applications.
  • Blazored.Typeahead (20:star:) - Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
  • BlazorGrid (34:star:) - This is a reusable grid component for Blazor which also supports client side pagination.
  • Blazor.FlexGrid (82:star:) - GridView component for Blazor.
  • Syncfusion Blazor UI Components (37:star:) - Robust UI components including Data Grid, Charts, Scheduler, Inputs and several Editor components.
  • Telerik UI for Blazor - A native set of UI components for Blazor, including grid, charting, and calendar components.
  • TwitterShareButton (1:star:) - A Tweet Button component for Blazor.
  • Flexor (4:star:) - Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).
  • Grid.Blazor (22:star:) - Grid component for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
  • Blazor.Validation.DataAnnotation (0:star:) - Library for validating form on a Blazor application using Data Annotation.

Tools & Utilities

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

  • Blazor-Redux (330:star:) - Connecting a Redux state store with Blazor.
  • SignalR (90:star:) - SignalR Core implementation for Blazor. It uses the JavaScript client.
  • Blazor-Fluxor (87:star:) - A low-boilerplate Flux/Redux state library for Blazor.
  • Logging (73:star:) - Microsoft Extension Logging implementation for Blazor.4
  • Storage (71:star:) - HTML5 Storage API implementation for Microsoft Blazor.
  • Blazor-State (69:star:) - Manage client side state in Blazor using MediatR pipeline.
  • BlazorSignalR (45:star:) - SignalR Core .NET client library for Blazor. It uses the C# client.
  • Notifications (29:star:) - HTML5 Notifications API implementation for Microsoft Blazor.
  • Blazor.Polyfill (25:star:) - Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
  • Blazor I18n/Localization Text (17:star:) - Localizing contents text in Blazor (Demo).
  • Blazor.Geolocation (13:star:) - Blazor interop for browers Geolocation apis.
  • Blazor Svg Helper (10:star:) - Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
  • Blazored.Localisation (16:star:) - A library to provide localisation in client-side Blazor applications.
  • BlazorPrettyCode (9:star:) - Blazor Code Component for documentation sites. Demo.
  • Blazor Analytics (4:star:) - Blazor extensions for Analytics.
  • BlazorDB (52:star:) - In-memory, persisted to local storage, database for Blazor.
  • Blazor Time Zone Kit (12:star:) - A library to provide system time zones and local time zone initialization in Blazor apps.
  • BlazorStorage (59:star:) - Local and session storage support for Blazor.
  • EmbeddedBlazorContent (11:star:) - Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
  • Blazor.EventAggregator (7:star:) - Lightweight Event Aggregator for Blazor (Razor Components).
  • Blazor.Auth0 (31:star:) - Library for Blazor authentication with OIDC Authorization Code-Grant and Implicit-Grant flows, using Auth0's Universal Login and Silent Login.
  • Blazor Gamepad (3:star:) - Provides gamepad API access for Blazor.
  • Blazor Hotkeys (6:star:) - A library to provide configuration-centric keyboard shortcuts for Blazor.
  • CssBuilder (19:star:) - CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
  • BlazorRealm - Redux state management for Blazor.
  • Blazor.LocalFiles (8:star:) - Open files in your browser and load into Blazor.
  • Blazor.Payments (17:star:) - Blazor Web Agent port of the Web Payment API standard developed by W3C .
  • Blazor.Sensors (8:star:) - Blazor interop for browers sensor apis.
  • Rudder (6:star:) - Efficient state container for Blazor with concepts similar to the ones in redux, including reducers and sagas.
  • BlazorIntersectionObserver (7:star:) - A Blazor wrapper for the Intersection Observer API.
  • Blazor.SpeechSynthesis (7:star:) - A library to provide Speech Synthesis API access for Blazor.
  • Blazor BarCode – A barcode library for Blazor using barcode fonts.
  • Blazored.LocalStorage (21:star:) - [Archived] Local storage for Blazor applications.

Others

  • Blazor Extensions Home (32:star:) - Home for Blazor Extensions.
  • Bolero (254:star:) - Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.
  • BlazorMobile (64:star:) - Launch Blazor application as a standalone application.
  • NObservable (38:star:) - MobX-like observables and component instrumentation.
  • Blazor-Dashboard (24:star:) - Admin Dashboard Template Theme for Blazor.
  • BlazorOfficeUIFabric (22:star:) - Microsoft Office Fabric UI port for Blazor.
  • WebSocketHelper (12:star:) - Helper for Web Socket in Blazor.
  • Bionic - An Ionic CLI clone for Blazor projects.
  • BlazorEmbedLibrary (22:star:) - Provides Blazor-style embedded static content files for Razor Components projects.
  • BlazorFabric (3:star:) - Blazor port of Microsoft UI Fabric with fluent design. (Demo).
  • BlazorFileSaver (2:star:) - Blazor Component wrapper for FileSaver.js.

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

Contributing

Stars

Watchers

Forks

Packages

No packages published