You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Adrien Torris 4345abda8e
Added an article
2 days ago
Archives Archived articles of January 1 month ago
Images Add files via upload 3 months ago
CONTRIBUTING.md Add contribution guidelines 2 years ago
Component-Bundle-Comparison.md Renamed the file to avoid empty spaces 1 week ago
LICENCE Add licence 2 years ago
README.md Added an article 2 days ago

README.md

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: “An accessibility audit of .NET Blazor with Chris DeMars”. [July, 9]

  • Join Chris DeMars (@saltnburnem ), along with hosts Cam Soper, Scott Addie, David Pine for a captivating conversation about .NET.
  • Live here: dotnetdocs.dev.

Special event: “ASPNET Community Standup: FAST Framework”. [July, 8]

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

Tutorials

Libraries & Extensions

Reusable components like buttons, inputs, grids and more.

Component bundles

  • MatBlazor - GitHub stars last commit Material Design components for Blazor. (Demo).
  • Ant Design Blazor - GitHub stars last commit A set of enterprise-class UI components based on Ant Design and Blazor. (Docs as 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).
  • 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).
  • 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.
  • BlazorFluentUI - stars last commit Simple port of FluenUI/Office Fabric React components and style to Blazor. Client-side demo (WebAssembly). Server-side demo (SignalR).
  • 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.
  • Syncfusion Blazor UI Components - GitHub stars last commit Robust UI components including Data Grid, Charts, Scheduler, Inputs and several Editor components.
  • Telerik UI for Blazor - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
  • MComponents - last commit Open Source MIT Blazor Components: Grid, Select, Wizard etc.

    Individual components

    API

  • Canvas - stars last commit Material Design components for Blazor. HTML5 Canvas API implementation for Microsoft Blazor.

  • Head Element Helper - stars last commit <Title> and <Meta> components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. (Demo).

  • Sve-Blazor-InfiniteScroll - last commit Simplistic implementation of an infinite scroll component for Blazor.

  • Blazor.Canvas - last commit Wrapper library around the HTML canvas API written in C# (no JS dependency) (Demo).

    Charts

  • ChartJs.Blazor - GitHub stars last commit Brings ChartJs charts to Blazor.

  • Blazor-Charts - GitHub stars last commit SVG charts for Blazor.

  • 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.

  • Blazor-Sparkline - last commit Sparkline Charts for Blazor using Fonts.

  • Blazor-ApexCharts - last commit Blazor wrapper for ApexCharts. Demo.

  • Plotly.Blazor - last commit Brings the charting library plotly.js with over 40 chart types to Blazor (Demo).

    CSS

  • BlazorStyled - GitHub stars last commit CSS in Blazor Components (Demo).

  • Flexor - last commit Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).

  • 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.

  • 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

  • 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).

  • 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).

  • Sve-Blazor-DataTable - last commit Blazor DataTable component with support for client/server side paging, filtering and sorting, build on top of bootstrap 4.

    Date & time

  • NodaTimePicker - GitHub stars last commit A Date/Time picker component library for Blazor using NodaTime. Demo.

  • BlazorDateRangePicker - stars last commit A date range picker component library for Blazor. Demo.

    Maps

  • BlazorGoogleMaps - GitHub stars last commit Blazor interop for GoogleMap library.

  • 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.

  • Sotsera.Blazor.Toaster - GitHub stars last commit A Blazor port of Toastr.js. Demo.

    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.

    Others

  • BlazorContextMenu - GitHub stars last commit Material Design components for Blazor. 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 LoadingBar - GitHub stars last commit Loading bar UI for Client-Side Blazor application.

  • 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.

  • Blazor.SignaturePad - GitHub 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.

  • Blazor-Dom-Confetti - last commit Celebrate success with dom 🎉confetti🎉 on Blazor projects. Two versions, dom-confetti wrapper and native blazor 100% JS free.

  • BlazorQuery - last commit jQuery for Blazor (Blazor Library that wraps jQuery completely in C# for use in Blazor).

  • 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 - stars last commit Blazor wrappers for PatternFly. To view the latest develop branch in action, visit the demo app.

  • Localized Data Annotations Validator - last commit The data annotations validator for Blazor to localize validation error messages. (Demo).

  • 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).

  • BlazorMonaco - last commit Blazor component for Microsoft’s Monaco Editor which powers Visual Studio Code. (Demo).

  • BlazorContentEditable - last commit Provides contenteditable functionality for Blazor. (Demo).

  • DnetOverlay - last commit Agular CDK Overlay implementation for Blazor.

  • GEmojiSharp.Blazor - last commit GitHub Emoji for Blazor (Demo).

  • RazorComponents.Markdown - last commit A razor component for Markdown rendering which supports LaTeX, Mermaid diagram, code highlighting and extensions based on Markdig.

  • Texnomic.Blazor.hCaptcha - last commit hCaptcha Component for Server-Side Blazor.

  • Excubo.Blazor.Diagrams - last commit Interactive diagram component (flowcharts, UML, BPMN, …), customizable and extensible according to user needs (node types, styles). Demo.

  • Z.Blazor.Diagrams - last commit A fully customizable and extensible all-purpose diagrams library for Blazor, inspired by the popular react-diagrams library, with many additions. Demo.

    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.

  • Fluxor - GitHub stars last commit Zero boilerplate Flux/Redux library for DotNet. Formerly Blazor-Fluxor GitHub stars.

  • 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 - stars last commit The library for using Auth0 in Blazor applications.

  • BlazorDB - stars last commit In-memory, persisted to local storage, database 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.

  • 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.

  • 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.

  • Cortex.Net - GitHub stars last commit State management like MobX for .NET and Blazor. Documentation.

  • DataJuggler.Blazor.FileUpload - stars last commit Wrapper for Steve Sanderson’s BlazorFileInput component.

  • Blazor Analytics - Blazor extensions for Analytics.

  • BlazorWorker - stars last commit Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.

  • Blazor PDF - stars last-commit Generate de PDF document with iTextSharp from a Blazor Server App.

  • 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 - last commit Blazor interop for browser sensor APIs.

  • Rudder - last commit Efficient state container for Blazor with concepts similar to the ones in redux, including reducers and sagas.

  • BlazorIntersectionObserver - last commit A Blazor wrapper for the Intersection Observer API.

  • 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.

  • BlazorLeaflet - last commit BlazorLeaflet is a wrapper offering easy-to-use Blazor components that expose the Leaflet API in C#.

  • Simple logging server - last commit An ultra simple remote log message server written in Blazor and .NET Core 3.

  • 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 - last commit Smart script tags in Blazor components, ideal for lazy loading of javascript files.

  • DnetIndexedDb - last commit Blazor Library for IndexedDB DOM API.

  • PkcsExtensions.Blazor - last commit A library to provide crypto and digital signature functionality for Blazor WebAssembly and light WebCrypto interop.

  • 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.

    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.