chanan / awesome-blazor

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 - Modern CMS on Domain-driven Design and Clean Architecture patterns.
  • WordDaze - Blogging application written using Blazor with a WebAPI backend.

Games

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

ToDos

Others

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).
  • Blazor.FlexGrid (82:star:) - GridView component for Blazor.
  • DevExpress Blazor UI Components (68:star:) - UI components including Data Grid, Pivot Grid, and several data editors.
  • ChartJs.Blazor (53:star:) - Blazor Component that wraps ChartJS.
  • Blazored.Toast (52:star:) - A JavaScript free toast library for Blazor and Razor Component applications.
  • BlazorComponents (46:star:) - Reusable components for Blazor. Starting with ChartJS interop.
  • Blazored.Modal (42:star:) - A JavaScript free modal library for Blazor and Razor Components applications.
  • Syncfusion Blazor UI Components (37:star:) - Robust UI components including Data Grid, Charts, Scheduler, Inputs and several Editor components.
  • BlazorGrid (34:star:) - This is a reusable grid component for Blazor which also supports client side pagination.
  • Sotsera.Blazor.Toaster (34:star:) - A Blazor port of Toastr.js. Demo.
  • Blazor LoadingBar (31:star:) - Loading bar UI for Client-Side Blazor application.
  • Blazor-Charts (25:star:) - SVG charts for Blazor.
  • Grid.Blazor (22:star:) - Grid component for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
  • Blazored.Menu (20:star:) - A JavaScript free menu library for Blazor and Razor Components applications.
  • Blazored.Typeahead (20:star:) - Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
  • 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 - Virtual Scrolling Component for Blazor (Demo).
  • BlazorScrollbar - Reusable, fully configurable component with vertical and horizontal scrollbars (Demo).
  • BlazorSplitter - Reusable, fully configurable component with vertical and horizontal splitters and diagonal resizer (Demo).
  • BlazorConfirm - A Blazor Wrapper for JS's Window.confirm() and onbeforeunload as .Net Blazor Component (Demo).
  • BlazorQuery - jQuery for Blazor (Blazor Library that wraps jQuery completely in C# for use in Blazor).
  • Telerik UI for Blazor - A native set of UI components for Blazor, including grid, charting, and calendar components.
  • TwitterShareButton - A Tweet Button component for Blazor.
  • Flexor - Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).
  • Blazor.Validation.DataAnnotation - Library for validating form on a Blazor application using Data Annotation.
  • BlazorDateRangePicker - A date range picker component library for Blazor. Demo.
  • BlazorTypography - A powerful toolkit for building websites with beautiful design (Demo).

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.
  • BlazorStorage (59:star:) - Local and session storage support for Blazor.
  • BlazorDB (52:star:) - In-memory, persisted to local storage, database for Blazor.
  • BlazorSignalR (45:star:) - SignalR Core .NET client library for Blazor. It uses the C# client.
  • 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.
  • 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).
  • Blazored.LocalStorage (21:star:) - [Archived] Local storage for Blazor applications.
  • CssBuilder (19:star:) - CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
  • Blazor I18n/Localization Text (17:star:) - Localizing contents text in Blazor (Demo).
  • Blazor.Payments (17:star:) - Blazor Web Agent port of the Web Payment API standard developed by W3C .
  • Blazored.Localisation (16:star:) - A library to provide localisation in client-side Blazor applications.
  • Blazor.Geolocation (13:star:) - Blazor interop for browers Geolocation apis.
  • Blazor Time Zone Kit (12:star:) - A library to provide system time zones and local time zone initialization in Blazor apps.
  • EmbeddedBlazorContent (11:star:) - Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
  • Blazor Svg Helper (10:star:) - 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 browers 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.

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.
  • BlazorEmbedLibrary (22:star:) - Provides Blazor-style embedded static content files for Razor Components projects.
  • WebSocketHelper (12:star:) - Helper for Web Socket in Blazor.
  • Bionic - An Ionic CLI clone for Blazor projects.
  • BlazorFabric - Blazor port of Microsoft UI Fabric with fluent design. (Demo).
  • BlazorFileSaver - 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.

License:Creative Commons Zero v1.0 Universal