22 KiB
22 KiB
Blazor community resources
Below is a list of projects and resources from the Blazor community (links in each section are alphabetical). If you know about a Blazor project that isn't listed, please let us know. We're happy to add it to the list.
Libraries
- BlazorBits (GitHub repo) – Components including Monaco editor.
- BlazorComponents – A demonstration of Chart.js interop.
- BlazorConfirm (Demo) – A Blazor wrapper for JavaScript's
window.confirm()andonbeforeunload. - BlazorContextMenu – A context menu for blazor.
- BlazorDB – In-memory, persisted to local storage, database for Blazor.
- Blazored.LocalStorage – A library to provide access to local storage in Blazor apps.
- Blazored.Menu – A JavaScript-free menu library for Blazor and Razor Components apps.
- Blazored.Modal – A JavaScript free modal library for Blazor and Razor Components applications.
- Blazored.Toast – A JavaScript free toast library for Blazor and Razor Component applications.
- Blazored.Localisation – A library to provide localisation in client-side Blazor applications.
- BlazorEmbedLibrary – Provides Blazor-style embedded resources to Razor Components projects.
- BlazorWebSocketHelper – A WebSocket library for Blazor.
- BlazorGrid – Reusable grid component for Blazor, which also supports client side pagination.
- Blazorise (Demo) – Components library for Blazor with support for Bootstrap, Bulma, and Material CSS.
- BlazorMaterial – Blazor components implementing Google's Material components for web (Material Design: Web).
- BlazorNodaTimeDateTimePicker – A date picker using NodaTime.
- Blazorous – Maintainable CSS with Blazor.
- BlazorScrollbar (Demo) – Reusable, fully configurable component with vertical and horizontal scrollbars.
- BlazorSignalR – ASP.NET Core SignalR .NET client support for Blazor.
- BlazorSplit (Demo) – Resizeable split views.
- BlazorSplitter (Demo) – Reusable, fully configurable component with vertical and horizontal splitters and diagonal resizer.
- BlazorStorage – Blazor local and session storage support.
- BlazorStrap – Bootstrap 4 Components for Blazor.
- BlazorTodos – Blazor todos demo app with registration, jwt authentication, email reminders and more, backed with Azure Storage Tables.
- BlazorVirtualGrid (Demo) – Reusable, fully configurable component with rows and columns fast virtualization.
- Blazor Barcode – A barcode library for Blazor using barcode fonts.
- Blazor Charts – SVG Charts for Blazor.
- Blazor Extensions Home – Home for Blazor Extensions.
- Blazor Fluxor – Flux/Redux library.
- Blazor Gamepad – A library to provide gamepad API access for Blazor.
- Blazor Hotkeys – A library to provide configuration-centric keyboard shortcuts for Blazor.
- Blazor LoadingBar – A Blazor port of angular-loading-bar.
- Blazor LocalFiles – Open files in your browser and load into Blazor.
- Blazor Realm – Redux state management with middleware support.
- Blazor Redux – This library offers Redux-style state management for Blazor.
- Blazor SpeechSynthesis – A library to provide Speech Synthesis API access for Blazor.
- Blazor SVG Helper (Demo) – Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
- Blazor Time Zone Kit – A library to provide system time zones and local time zone initialization in Blazor apps.
- Blazor Tweet Button – A Tweet Button component for Blazor.
- Blazor.Extensions.OfficeUIFabric – Microsoft Office Fabric UI port for Blazor.
- Blazor.FlexGrid – GridView component for Blazor.
- Blazor.Payments – A library that replicates the W3C Payment Request API contracts in Blazor apps.
- Blazor.Polyfill – A Blazor compatibility library for Internet Explorer 11 and other browsers.
- Blazor.Xamarin – Host Blazor apps as standalone hybrid mobile apps with Xamarin.
- Blazor-State – Blazor-State is a client side pipeline architecture utilizing MediatR with plugin behaviors.
- Canvas – HTML5 Canvas API implementation for Microsoft Blazor.
- ChartJs.Blazor – Blazor Component that wraps ChartJS.
- DevExpress Blazor UI Components – UI components including Data Grid, Pivot Grid, and several data editors.
- Elmah.Io.Blazor – Logs from Blazor to elmah.io using Microsoft.Extensions.Logging.
- Logging – Microsoft Extension Logging implementation for Blazor.
- MatBlazor (Demo) – Google Material components for web in Blazor.
- NObservable – MobX-like observables and component instrumentation.
- Notifications – HTML5 Notifications API implementation for Microsoft Blazor.
- SignalR – SignalR Core support for Microsoft ASP.NET Core Blazor.
- Sotsera.Blazor.Toaster (Demo) – A Blazor port of Toastr.js.
- Storage – HTML5 Storage API implementation for Microsoft Blazor.
- Syncfusion Blazor UI Components – A complete library of robust UI components including Data Grid, Charts, Scheduler, Inputs, and various Editor components.
- Telerik UI for Blazor – A native set of UI components for Blazor, including grid, charting, and calendar components.
- Toastr – A Blazor port of Toastr.js.
Samples and tutorials
- A Nicer Looking Blazor Loading Page – Customize the Blazor loading page using SpinKit.
- ASP.NET Core Master/Detail CRUD – A master/detail HTML CRUD example with sorting and filtering using Entity Framework and Web API.
- BlazeDown (Demo) – An online markdown editor built with Blazor.
- Blazing Chuck (Demo) – An example Blazor app that displays random "nerdy" Chuck Norris jokes.
- BlazorPass – Blazor UI and ASP.NET Core API to manage Active Directory credentials.
- Blazor + Electron sample – Explore how a Blazor app can be used to build a cross-platform desktop app.
- Blazor + Sitecore (Blog post) – Example of dynamic pages and routes with SiteCore and Helix.
- Blazor Admin Dashboard – An admin dashboard for Blazor.
- Blazor Asteroids (Demo) – The 80's classic video game developed in C# for WinForms/WPF but running Blazor.
- Blazor Bricks – A bricks game developed with C# and Blazor.
- Blazor Calculator (Demo) – Simple calculator with history and ability to use previous results in new calculations.
- Blazor Calculator with Expressions (Demo) – A sample numerical expression evaluator in Blazor utilizing an F# library that uses FsLex and FsYacc to parse expressions.
- Blazor Chat sample (Demo) – An app that demonstrates the use of SignalR to create a Blazor chat app.
- Blazor Chess (Demo) – An experimental Blazor chess engine.
- Blazor Clock Canvas (Demo) – Complex clock based on Canvas.
- Blazor Clock SVG (Demo) – Complex clock based on SVG.
- Blazor Contoso University – Contoso University recreated in Blazor.
- Blazor Converters (Demo) – Windows 10 Calc Converters recreated in Blazor.
- Blazor Doughnut Chart (Demo) – Doughnut charting with gradient colors using SVG.
- Blazor Examples (Demo) – Knockout JS examples recreated in Blazor.
- Blazor Game Snake (Demo) – 2D game snake with customizations, path finding algorithm, and sound effects using SVG.
- Blazor Graph API example (Demo) – A self-contained Blazor app that connects to Microsoft's Graph API, queries the user's information, and allows the user to browse through their OneDrive.
- Blazor Hacker News Clone (Demo) – A Hacker News clone built in Blazor.
- Blazor Loan Calculator (Demo) – A loan payments calculator developed with Blazor.
- Blazor Paint (Demo) – Drawing app written in Blazor.
- Blazor Password Pattern (Demo) – Password pattern based on SVG.
- Blazor Performance Chart – Performance Chart based on SVG.
- Blazor RealWorld example app – A full-stack app built with Blazor that includes CRUD operations, authentication, routing, and pagination.
- Blazor RSS Reader (Demo) – RSS Reader using Blazor.
- Blazor Spreadsheet (Demo) – Spreadsheet app developed in Blazor.
- Blazor Sushi (Demo) – Kendo UI Sushi SPA recreated in Blazor.
- Blazor To-Do App – A Blazor app that allows you to create and edit tasks and manage categories of tasks.
- Blazor Tour of Heroes – A Blazor implementation of Angular Tour of Heroes.
- Blazor UWP Sample – Use Blazor.Server to build UWP apps.
- BlazorServiceWorker – A client-side Blazor template with service worker caching.
- Blazume – A portfolio/resume template using Blazor.
- Bolero.TodoMVC – A TodoMVC clone using Bolero.
- CssBuilder – A clean code approach to conditional CSS classes for Razor components in Blazor.
- Data Driven Layout (Blog post) – Two ways of driving the layout based on data in the page.
- Do (Demo) – Todo.txt compatible todo app.
- FMRL – Ephemeral Message Service. Messages sent are encrypted, securely transferred, and automatically deleted when they are retrieved.
- Money (Demo) – A money manager implemented using CQRS+ES.
- Planning Poker for Azure (Demo) – 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. Planning Poker is a registered trademark of Mountain Goat Software, LLC.
- Toss – A Twitter-like web app that allows the user to sign in, post a new message (a "toss") with hashtag, and select favorite hashtags for finding messages.
- TreeCRUD – A simple server-side Blazor CRUD app to deal with hierarchical data. The project has a data layer with GraphQL for R (Read) and classical REST for CUD (Create, Update, Delete).
- TrendTv (Demo) – Fetch a video list from YouTube and "zap" in real time between trending videos, filtered by country or category.
- Try F# on WebAssembly – The F# compiler running in WebAssembly with Bolero.
- Tzaar (Demo) – Implementation of the board game Tzaar with Blazor and SignalR.
- Quiz – Simple quiz using Blazor.
- Validation Controls using Blazor – Blog posts: Part I: Basic Validation Controls | Part II: Custom Validation Controls
- WebSocketPage (Demo) – WebSocket example for Blazor.
Tooling
- BlazorFiddle – Blazor .NET developer playground and code editor in the browser.
- Blazor Minimum Project Templates – A project templates package of Blazor apps without JavaScript and CSS libraries.
- Blazor Snippets Visual Studio Code extension – A Visual Studio Code extension that offers Blazor and Razor snippets.
- Razor+ Visual Studio Code extension – A Visual Studio Code extension that offers improved Razor support.
Community documentation
- Awesome Blazor – A collection of useful Blazor resources.
- Blazor Bites – Posts on ASP.NET Core and Blazor subjects.
- Learn Blazor – Community documentation on Blazor.
- LightSwitch Help Website – Blogs and code samples primarily covering server-side Blazor (Razor Components).
- WebAssemblyMan – Man page for Blazor and WebAssembly.
Books
- Blazor Revealed – Build web apps in Microsoft .NET that run in any modern browser, helping you to transfer your .NET experience and skills to a new environment and build browser-based apps using a robust and type-safe language and runtime.
- Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server (2018) – An introduction to Blazor core concepts and how to apply concepts to real-world web apps with the help of Entity Framework Core and SQL Server.
- Dockerizing ASP.NET Core and Blazor Applications on Mac – This book is targeted for beginning to intermediate .NET developers who want to jump into ASP.NET Core, Blazor, and Docker on macOS.