Let us explore the most awesome Blazor libraries, extensions, components and resources.

[lwptoc]

Libraries & Extensions

Reusable components like buttons, inputs, grids and more. See also the Blazor component bundles feature comparison chart.

Component bundles

  1. FAST

    FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. [FAST & Blazor documentation](https://www.fast.design/docs/integrations/blazor/

  2. Ant Design Blazor

A set of enterprise-class UI components based on Ant Design and Blazor. ([Docs as Demo](https://ant-design-blazor.github.io/

  1. MatBlazor -Material Design components for Blazor. (Demo).
  2. Blazorise -Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
  3. MudBlazor

MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. [Documentation](https://mudblazor.com/

  1. Radzen.Blazor

Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. ([Demo](https://razor.radzen.com/

  1. BootstrapBlazor

    Reusable bootstrap components for Blazor. ([Docs as Demo](https://argozhang.github.io/

  2. BlazorStrap

Material Design components for Blazor. Bootstrap 4 components for Blazor ([Demo](https://chanan.github.io/BlazorStrap/

  1. FAST Blazor

A lightweight wrapper around Microsoft’s official FluentUI Web Components for use with .NET 6.0 Razor views & Blazor. ([Samples & demo](https://www.fast.design/

  1. Element-Blazor

    A blazor component library using Element UI. API imitates Element, CSS directly uses Element’s style, HTML structure directly uses Element’s HTML structure. [Blazor WebAssembly Version demo](https://blazorwasm.github.io

  2. BlazorFluentUI

Simple port of FluenUI/Office Fabric React components and style to Blazor. [Client-side demo (WebAssembly

  1. ComponentOne Blazor UI Components

External link. A fast datagrid, listview, input and other native Blazor components for server and client-side apps.

  1. DevExpress Blazor UI Components

    A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts

  2. BootstrapBalzor

    Reusable bootstrap components for Blazor. ([Docs as Demo](https://argozhang.github.io/

  3. Syncfusion Blazor UI Components

The most comprehensive native Blazor component library including [Data Grid](https://www.syncfusion.com/blazor-components/blazor-datagrid

  1. ADMINLTE

    ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.

  2. Blazority

    Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view ([Docs & Demos](https://blazority.com

  3. Material.Blazor

    An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from [Google’s material-components-web](https://github.com/material-components/material-components-web/tree/master/packages

  4. Majorsoft Blazor Components

Majorsoft Majorsoft Blazor Components is a set of UI Components and other useful Extensions for Blazor applications. All components are free and available on NuGet. The main goal of this project is to provide an easy to use, feature reach set of customizable components with other useful extensions. [NuGet](https://www.nuget.org/profiles/Blazor.Components

  1. LoreSoft.Blazor.Controls

Auto-complete (Typeahead

  1. MComponents

    Open Source MIT Blazor Components: Grid, Select, Wizard etc.

  2. PanoramicData Blazor UI Components

    An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. [Demo](https://panoramicdata.github.io/PanoramicData.Blazor

  3. HAVIT Blazor

    Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.

  4. Blazority

Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view ([Docs & Demos](https://blazority.com

  1. Telerik UI for Blazor

External link (telerik.com

  1. Start Blazoring

A Blazor starter template built using your choice of [Blazorise](https://blazorise.com/

  1. jQWidgets Blazor UI Components

    Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. [Website](https://blazor.jqwidgets.com

  2. Smart UI for Blazor

Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. [Website](https://www.htmlelements.com/blazor/

  1. TabBlazor

    Blazor Admin theme built on top of [Tabler UI](https://github.com/tabler/tabler

  2. Blazor.Ionic

    Ionic framework integration for Blazor.

  3. Blazor Controls Toolkit

Complete toolset for implementing commercial business applications. It includes the equivalent of all Bootstrap JavaScript components, all html5 input types with widgets fallbacks, advanced editable components like DataGrid, TreeView, DetailView, ModalDetail, DetailList. All components have default customizable templates, and support virtualizazion and Drag & Drop. Component rendering is meta-data driven, so component configuration is in part automatic, and in part can be driven with data annotations. The toolset includes also query tools, to issue complex local or remote queries, changes-tracking tools to send only the changed records to the server, advanced validation attributes, globalization tools, "Behaviors" that modify existing components, state management and save, and more.

Individual components

API

  1. Canvas

    HTML5 Canvas API implementation for Microsoft Blazor.

  2. Head Element Helper

    <Title> and <Meta> components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. ([Demo](https://demo-blazor-headelement.azurewebsites.net/

  3. Blazor.Canvas

Wrapper library around the HTML canvas API written in C# (no JS dependency

  1. BlazorGooglePay

Blazor wrapper around Js Google Pay, library based on [BrowserInterop](https://github.com/RemiBou/BrowserInterop/

  1. BlazorIntersectionObserver

This is a wrapper around the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

Charts

  1. ChartJs.Blazor

Brings [ChartJs](https://github.com/chartjs/Chart.js

  1. GG.Net Data Visualization

    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](https://pablofrommars.github.io/

  2. Blazor-ApexCharts

    Blazor wrapper for ApexCharts. [Demo](https://joadan.github.io/Blazor-ApexCharts/basic-charts

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

CSS

  1. BlazorSize

    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.

  2. BlazorAnimation

A Blazor component based on animate.css to easly animate your content. [Demo](http://blazoranimation.boudoux.fr/

Datagrids / tables

  1. Grid.Blazor

Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others ([Demo](http://gridblazor.azurewebsites.net

  1. BlazorGrid

Virtualized data grid component with lean markup, focused on displaying remote data. ([Demo & documentation](https://blazorgrid.z6.web.core.windows.net/

  1. BlazorTable

A Table Control for Blazor with sorting, paging, filtering and more ([Demo](https://BlazorTable.netlify.com

  1. WpfGridLayout.Blazor

    Provide a simple way to create a grid layout like WPF in Blazor.

Date & time

  1. BlazorDateRangePicker

    A date range picker component library for Blazor. [Demo](https://BlazorDateRangePicker.azurewebsites.net/

  2. FlatpickrBlazor

Flatpickr Blazor interop.[Demo](https://mathisloge.github.io/FlatpickrBlazorExample/

  1. Toast_UI.Blazor_Calendar

A fully featured calendar UI component for viewing and creating events, tasks, and milestones. Month, week, and daily views. Blazor Calendar wraps the fully featured Toast UI Calendar JS library. MIT License. [Sample project](https://github.com/gismofx/toast_ui.blazor_calendar/tree/main/toast_ui.blazor_calendar.TestProject/toast_ui.blazor_calendar.TestProject

Maps

  1. BlazorGoogleMaps

Blazor interop for GoogleMap library.

Markdowns

  1. RazorComponents.Markdown

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

  2. Blazor Markdown

    A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.

Modal, Toast & Notifications

  1. Blazored.Modal

A JavaScript free modal library for Blazor and Razor Components applications.

  1. Blazored.Toast

A JavaScript free toast library for Blazor and Razor Component applications.

Tabs

  1. BlazorXTabs

An extended tabs component library providing various tab features for Blazor.

Testing

  1. bUnit – a testing library for Blazor components

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.

  1. Verify.Blazor – a snapshot testing library for Blazor components

A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.

Others

  1. Stl.Fusion

    .NET Core and Blazor library that attempts to dramatically improve the way we implement real-time and high-load services by introducing a novel kind of "computed observables"immutable, thread-safe, and most importantly, almost invisible for developers. [Samples](https://github.com/servicetitan/Stl.Fusion.Samples

  2. BlazorContextMenu

    A context menu component for Blazor ([Demo](https://blazor-context-menu-demo.azurewebsites.net/

  3. BlazorInputFile

    A file input component for Blazor applications, by Steve Sanderson.

  4. Blazored.Typeahead

Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.

  1. Blazor-DragDrop

    Easy-to-use Drag and Drop library for Blazor.

  2. Blazored.Menu

    A JavaScript free menu library for Blazor and Razor Components applications.

  3. Blazor LoadingBar

    Loading bar UI for Client-Side Blazor application.

  4. Z.Blazor.Diagrams

A fully customizable and extensible all-purpose diagrams library for Blazor, inspired by the popular react-diagrams library, with many additions. [Demo](https://blazor-diagrams.zhaytam.com/demos/simple

  1. Excubo.Blazor.Diagrams

Interactive diagram component (flowcharts, UML, BPMN, …

  1. BlazorDownloadFile

Blazor download files to the browser from c# without any JavaScript library or dependency.

  1. Blazor.SignaturePad

A Blazor component library that utilizes Szymon Nowak’s javascript library Signature Pad to implement smooth signature drawing on a HTML5 canvas.

  1. Blorc.PatternFly

    Blazor wrappers for [PatternFly](https://www.patternfly.org

  2. BlazorTransitionableRoute

Allows current and previous route to exist enabling transition animations of UI/UX design systems.

  1. Blazor-Dom-Confetti

Celebrate success with dom ![tada](https://github.githubassets.com/images/icons/emoji/unicode/1f389.png

  1. TwitterShareButton

    A Tweet Button component for Blazor.

  2. Blazor.LoadingIndicator

Simple to use loading indicator helper library.

  1. BlazorTypography

A powerful toolkit for building websites with beautiful design ([Demo](https://chanan.github.io/BlazorTypography/

  1. Razor.SweetAlert2

Blazor component implementing the popular SweetAlert2 JavaScript Library.

  1. BlazorMonaco

    Blazor component for Microsoft’s [Monaco Editor](https://github.com/Microsoft/monaco-editor

  2. Blazor.Grids

Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. ([Demo](https://excubo-ag.github.io/Blazor.Grids/

  1. Blazor.TreeViews

Component library for tree views. ([Demo](https://excubo-ag.github.io/Blazor.TreeViews/

  1. DnetOverlay

Agular CDK Overlay implementation for Blazor.

  1. GEmojiSharp.Blazor

GitHub Emoji for Blazor ([Demo](https://hlaueriksson.github.io/GEmojiSharp/

  1. Texnomic.Blazor.hCaptcha

    hCaptcha Component for Server-Side Blazor.

  2. BlazorDialog

    Dialog component as a service for Blazor. [Demo](https://blazor-dialog-demo.azurewebsites.net/

  3. BlazorWheelZoom

    Zoom and move image with Blazor using mouse wheel and mouse dragminimal javascript. [Demo](https://blazorwheelzoom.m4f.eu/

  4. AdvancedBlazorSelect2

Simple wrapper for Select2 with full support of databases and custom web APIs.

  1. BlazorLocalizationSample The default project template localized using XLocalizer with online translation and auto resource creating.

  2. TimeCalc

    An app to help keep track of speed cubing averages on the fly using Blazor WebAssembly. [Demo](https://www.timecalc.app/

  3. BlazorSliders

Create multiple panels separated by sliding splitters.

  1. BlazorTimeline

Responsive, vertical timeline component.

  1. BlazorTypewriter

A typewriter effect for Blazor.

  1. BlazorMergely
[![last commit](https://camo.githubusercontent.com/153c273ff5eedc490a75d2328c23a28bfc421b6f7c70411600fcc141bedb4a4e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f616b6f76616333352f426c617a6f724d657267656c793f7374796c653d666c61742d7371756172652663616368655365636f6e64733d3836343030

  1. MetaMask.Blazor

    A library that provides an easy helper to use [MetaMask](https://metamask.io/

  2. Blazor File Drop Zone

    Surround an "input type=file" element by this Blazor component to making a zone that accepts drag and drops files ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.FileDropZone/

Tools & Utilities

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

  1. Fluxor -Zero boilerplate Flux/Redux library for DotNet.
  2. SignalR

SignalR Core implementation for Blazor. It uses the JavaScript client.

  1. Blazored.LocalStorage

    A library to provide access to local storage in Blazor applications.

  2. Storage

    HTML5 Storage API implementation for Microsoft Blazor.

  3. Blazor-State

    Manage client side state in Blazor using MediatR pipeline.

  4. bUnit – a testing library for Blazor components

    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.

  5. Logging

Microsoft Extension Logging implementation for Blazor.

  1. TextCopy

A cross platform package to copy text to and from the clipboard. [Supports Blazor](https://github.com/CopyText/TextCopy#blazor-webassembly

  1. CssBuilder

CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.

  1. Notifications

HTML5 Notifications API implementation for Microsoft Blazor.

  1. Blazor.Polyfill

    Polyfills for Blazor (for Internet Explorer 11 support and some other browsers

  2. Blazor I18n/Localization Text

    Localizing contents text in Blazor ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.I18nText/

  3. BlazorGoogleMaps

Blazor interop for GoogleMap library.

  1. BlazorWorker

    Library for creating DotNet Web Worker threads/multithreading in Blazor. [Live demo](https://tewr.github.io/BlazorWorker

  2. MvvmBlazor

    BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it’s simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.

  3. Blazor.BrowserExtension

Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.

  1. Cortex.Net

    State management like MobX for .NET and Blazor. [Documentation](https://jspuij.github.io/Cortex.Net.Docs/pages/index.html

  2. Blazor Analytics

Blazor extensions for Analytics.

  1. Blazor PDF

Generate de PDF document with iTextSharp from a Blazor Server App.

  1. Blazor SVG Helper

Create SVG elements with children (circle, rectangle, image, text, and others

  1. BlazorRouter

    BlazorRouter is an awesome router inspired by react-router, providing declarative routing for Blazor.

  2. DataJuggler.Blazor.FileUpload

Wrapper for Steve Sanderson’s BlazorFileInput component.

  1. BlazorPrettyCode

Blazor Code Component for documentation sites. [Demo](https://chanan.github.io/BlazorPrettyCode/

  1. Blazor.EventAggregator

Lightweight Event Aggregator for Blazor (Razor Components

  1. Blazor Gamepad

Provides gamepad API access for Blazor.

  1. Blazor Hotkeys

A library to provide configuration-centric keyboard shortcuts for Blazor.

  1. BlazorRealm

Redux state management for Blazor.

  1. Blazor.LocalFiles

Open files in your browser and load into Blazor.

  1. Blazor.SpeechSynthesis

    A library to provide Speech Synthesis API access for Blazor.

  2. Blazor BarCode – A barcode library for Blazor using barcode fonts.

  3. BlazorState.Redux

Develop Blazor apps with Redux.

  1. Howler.Blazor

    A Blazor JSInterop wrapper for Howler.js, an audio library.

  2. jsMind.Blazor

A Blazor JSInterop wrapper for jsMind, a MindMapping tool.

  1. Blazor Highcharts

A port of the popular Highcharts library. [Demo](https://allegiance-consulting.github.io/blazor-highcharts/

  1. Blazor.LazyStyleSheet

    Lazy loading for CSS style sheets.

  2. Blazor.ScriptInjection

Smart script tags in Blazor components, ideal for lazy loading of javascript files.

  1. DnetIndexedDb

    Blazor Library for IndexedDB DOM API.

  2. BlazorIndexedDbJs

BlazorIndexedDbJs is a wrapper arround IndexedDB DOM API, supports Blazor WASM and Server.

  1. Blazor-Color-Picker

Opens a palette with the Material colors for Blazor application.

  1. Blazor_EmojiFilePicker

    Bootstrap Text-Input with Smiley- and File-Support for Blazor.

  2. Blazor Library Asset Helper

    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](https://marketplace.visualstudio.com/items?itemName=LeeMcPherson.BlazorLibraryAssetHelper&ssr=false#overview

  3. Blazm.Bluetooth

A Blazor library for connecting to devices using Bluetooth.

  1. WebBluetooth

Blazor service for the experimental WebBluetooth functions. Based on [Blazm.Bluetooth](https://github.com/EngstromJimmy/Blazm.Bluetooth

  1. BlazorApplicationInsights

Application Insights for Blazor web applications.

  1. BracketShow.BlazorNavigationManagerExtensions

Simple set of extensions for the Navigation Manager to simplify its usage for things we are likely to do in most of our Blazor applications.

  1. BlazorX.NavigationState

    BlazorX.NavigationState provides a set of utilities that allow you to observe and bind query strings directly to Blazor components.

  2. Blazor Printing

    Print and save PDF documents with a native print dialog in a Blazor Server or client Application.

  3. XLocalizer

Easily localize Asp.Net Core web applications with online translation and auto resource creating.

  1. BlazorTemplater

Use .razor components to render HTML strings for email content.

  1. MediaSession.Blazor

A Blazor JSInterop wrapper for Media Session API. The Media Session API provides a way to customize media notifications. ([Demo](https://zuozishi.github.io/MediaSession.Blazor/

Others

  1. Blazor Extensions Home

    Home for Blazor Extensions.

  2. Bolero

Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.

  1. BlazorFabric

    Blazor port of Microsoft UI Fabric with fluent design. ([Demo](https://blazorfabric.azurewebsites.net/

  2. BlazorWebView

    Blazor WebView control for WPF, Android, macOS, iOS. Run Blazor on .NET Core and Mono natively inside a Webview. [Documentation](https://jspuij.github.io/BlazorWebView.Docs/pages/index.html

  3. WebSocketHelper

    Helper for Web Socket in Blazor.

  4. BlazorLazyLoading

    Production ready lazy loading implementation. Full lazy loading support for WASM and Server (pages, components, dlls

  5. SpotifyService

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.

  1. Bionic

An Ionic CLI clone for Blazor projects.

  1. BlazorFileSaver

Blazor Component wrapper for FileSaver.js ([Demo](https://blazorfilesaver.netlify.com

  1. Blazor.DownloadFileFast

Fast download of files to the browser from Blazor without any javascript library reference or dependency. ([Demo](https://stefh.github.io/Blazor.DownloadFileFast/

  1. Blazor.DynamicJavascriptRuntime.Evaluator

Execute dynamic object expressions as Javascript in Blazor client-side apps.

  1. Blazor.AdaptiveCards

Adaptive Cards for Blazor. [Documentation](https://adaptivecardsblazor.com/

  1. EventHorizon Blazor TypeScript Interop Generator

This project takes in a TypeScript type definition file and creates a .NET Core project that will work with the provided Interop abstraction project.

  1. Generators.Blazor

Generators.Blazor is a source generator for improving performance in Blazor. The project also contains analyzers to detect common issues in Blazor apps.

  1. BlazorZXingJs

    Barcode/QRCode Reader and QRCode writer components. This is a Blazor wrapper around zxing-js library. It supports variety of barcode and 2d code types.

Real-World applications

  1. Try .NET

    Try .NET provides developers and content authors with tools to create interactive experiences.

Tooling

  1. Blazor Dev Server with CSS Live Reloader

    Alternative Blazor Dev Server to be available CSS live reloading.

  2. LiveSharp

    Update .razor files and see the updates instantly without reloading the page. Your application state is preserved because there is no need to reload anything. [livesharp.net](https://www.livesharp.net/

  3. BlazorFiddle

Blazor .Net Developer Playground and Code Editor in the Browser.

  1. Blazor Minimum Project Templates

A project templates package of Blazor apps without JavaScript and CSS libraries.

  1. Blazor REPL

Write, compile, execute and share Blazor components entirely in the browser[https://blazorrepl.com](https://blazorrepl.com

  1. Blazor Snippets Visual Studio Code extension

A Visual Studio Code extension that offers Blazor and Razor snippets.

  1. BlazorSourceMangler

    A console app to mangle Blazor DLLs. Check this [YouTube video](https://www.youtube.com/watch?v=nlXax81b1UE

  2. Publish-time Pre-render for Blazor Wasm

    When you publish your Blazor WebAssembly app, this package pre-renders and saves the app as static HTML files in your public folder.

  3. Publish SPA for GitHub Pages

    Add this NuGet package to your Blazor WebAssembly project to easily publish it to GitHub Pages.

  4. WebCompiler

A dotnet global tool for compilation, minification, and compression of scss, css and js.

  1. .NET Core

.NET Core.

  1. Razor+ Visual Studio Code extension

A Visual Studio Code extension that offers improved Razor support.

  1. Tracetool

    Tracetool viewer, client Api for Dotnet, Java, Javasvript, C++ , Python, Delphi.

  2. Visual Studio

Latest preview of Visual Studio.

  1. Visual Studio Code

Visual Studio Code, free, open source and cross-platform code editor.