Top 50 Awesome List

AdrienTorris/awesome-blazor

Front-End Development  2 days ago  6.7k
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
View byDAY/WEEK/README
View on Github

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 codestars135 stars last commit.

Contents

Microsoft Build 2022 (May 24-26, 2022).

  • Come together at Microsoft Build May 24–26 2022, to explore the latest innovations in code and application development—and to gain insights from peers and experts from around the world.
  • Let’s innovate without compromise, develop creatively, and build the next generation of apps—welcome to Microsoft Build.
  • May 24-26, 2022
  • mybuild.microsoft.com.

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.

Doing the Build a web app with Blazor learning session on Microsoft Learn can also be a good idea. Another great resource to start is the beginner serie by Jeff Fritz on Channel9 or YouTube.

General

Templates

  • Blazor Herostars2.5k - stars last commit - Clean Architecture Solution Template for Blazor WebAssembly built with MudBlazor Components. This project will make your Blazor Learning Process much easier than you anticipate. Blazor Hero is meant to be an Enterprise Level Boilerplate, which comes free of cost, completely open sourced. Read the Quick Start Guide here.

Sample Projects

Authentication

Cloud

  • EventGrid Viewer Blazorstars18 - stars last commit Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
  • FairPlayTubestars57 - last commit Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.

CMS

  • Blogifierstars1.1k - GitHub stars GitHub stars .NET 5 ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
  • eShopOnBlazorstars312 - GitHub stars last commit Migration of a traditional ASP.NET Web Forms app to Blazor.
  • RapidCMSstars219 - stars last commit A code-first, extensible Blazor app that generates a CMS for your own database.
  • JHipster.NETstars233 stars last commit JHipster is a well-known platform for generating modern application in java world. JHipster provides a blueprints system that allows to override the default behavior of the generator. JHipster.NET is a blueprint that overrides the back-end part, originally generated in spring boot, by back-end in asp.net core. For the front-end all the common language can be used (angular, react), including Blazor.
  • BlazorShopstars198 - stars Last commit Simple shop application built with Blazor WebAssembly.
  • Atlasstars186 - stars Last commit A forum software built with ASP.NET Core Blazor WebAssembly.
  • StartBootstrap.Freelancer.Blazorstars10 - Last commit .NET 5 Freelancer is a bootstrap template ideal for small portfolio web sites. It's powered by Kentico Kontent - a headless CMS with a comprehensive ecosystem for .NET developers.
  • Umbraco9 & Blazor WASM Starter Sitestars25 - last commit A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts.

Games

Hybrid

IoT

  • PresenceLightstars363 - stars last commit PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. Blog post. Demo video.
  • Meadow Weatherstars2 - last commit In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.

Logging

Machine Learning

Mobile

Rapid Development Framework

  • WalkingTec.Mvvm (WTM)stars3.6k - stars last commit A development framework based on .NET Core and EF. It supports Blazor, Vue, React and LayUI with one click code generation for CRUD, Import/Export, etc. Website.

ToDos

Others

Tutorials

Libraries & Extensions

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

Component bundles

  • FASTstars7.3k - GitHub stars last commit 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.
  • Ant Design Blazorstars4.2k - GitHub stars last commit A set of enterprise-class UI components based on Ant Design and Blazor. (Docs as Demo).
  • MatBlazorstars2.7k - GitHub stars last commit Material Design components for Blazor. (Demo).
  • Blazorisestars2.3k - GitHub stars last commit Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
  • MudBlazorstars3.2k - stars last commit 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. Demo.
  • MASA Blazorstars284 - stars last commit A set of enterprise-class UI components based on Material Design and Blazor. It's an almost perfect copy of Vuetify, and Long-term roadmaps have been mapped out. It is powered by the MASA team and remains free and open source. Documentation. Pro Demo.
  • Radzen.Blazorstars1.7k - GitHub stars last commit Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
  • BootstrapBlazorstars1k - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • BlazorStrapstars811 - GitHub stars last commit Material Design components for Blazor. Bootstrap 4 components for Blazor (Demo).
  • FAST Blazorstars863 - GitHub stars last commit A lightweight wrapper around Microsoft's official FluentUI Web Components for use with .NET 6.0 Razor views & Blazor. (Samples & demo).
  • Element-Blazor - GitHub stars last commit 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. Blazor WebAssembly Version PWA Mode demo.
  • BlazorFluentUIstars731 - stars last commit Simple port of FluenUI/Office Fabric React components and style to Blazor. Client-side demo (WebAssembly). Server-side demo (SignalR).
  • 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 Componentsstars312 - 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.
  • BootstrapBalzorstars1k - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • Syncfusion Blazor UI Components - GitHub stars last commit The most comprehensive native Blazor component library including Data Grid, Charts, Scheduler, Diagram and Document Editor components. (Demo).
  • ADMINLTEstars182 - stars last commit 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.
  • Blazoritystars50 - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • Material.Blazorstars168 - stars last commit An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from Google's material-components-web - we don't try to sit between you and your use of Google's CSS and SASS because they do it better than we ever could. We also have some cool "plus" components. See our demo and comprehensive documentation.
  • Majorsoft Blazor Componentsstars189 - GitHub last commit GitHub Repo stars 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 Demo app Docs.
  • LoreSoft.Blazor.Controlsstars117 - stars last commit Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
  • MComponentsstars54 - stars last commit Open Source MIT Blazor Components: Grid, Select, Wizard etc.
  • PanoramicData Blazor UI Componentsstars42 - stars last commit An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. Demo.
  • HAVIT Blazorstars193 - GitHub stars last commit Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.). Enterprise project template with gRPC code-first client/server communication, localization and more. Interactive documentation & Demos.
  • Blazoritystars50 - GitHub stars last commit Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view (Docs & Demos).
  • Telerik UI for Blazor - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
  • Start Blazoring - A Blazor starter template built using your choice of Blazorise or MudBlazor, with more UI library integration coming. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
  • jQWidgets Blazor UI Componentsstars7 - last commit Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. Website.
  • Smart UI for Blazorstars30 - last commit Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. Website.
  • TabBlazorstars164 - last commit Blazor Admin theme built on top of Tabler UIstars25.9k. Minimal javascript. Demo.
  • Blazor.Ionicstars21 - GitHub stars last commit Ionic framework integration for Blazor.
  • 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.
  • BlazorOcticonsstars3 - last commit Github Octicons created as a .razor components and available via the NuGet package. The project website is an example using the generated components.

Individual components

API

Charts

CSS

  • BlazorSizestars228 - stars 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.
  • BlazorAnimationstars45 - stars last commit A Blazor component based on animate.css to easly animate your content. Demo.

Datagrids / tables

Date & time

Maps

Markdowns

  • RazorComponents.Markdownstars27 - last commit A razor component for Markdown rendering which supports LaTeX, Mermaid diagram, code highlighting and extensions based on Markdig.
  • Blazor Markdownstars25 - last_commit A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.

Tabs

  • BlazorXTabsstars17 - last commit An extended tabs component library providing various tab features for Blazor.

Testing

Others