KBlazor 1.1.0

dotnet add package KBlazor --version 1.1.0
                    
NuGet\Install-Package KBlazor -Version 1.1.0
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="KBlazor" Version="1.1.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="KBlazor" Version="1.1.0" />
                    
Directory.Packages.props
<PackageReference Include="KBlazor" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add KBlazor --version 1.1.0
                    
#r "nuget: KBlazor, 1.1.0"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package KBlazor@1.1.0
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=KBlazor&version=1.1.0
                    
Install as a Cake Addin
#tool nuget:?package=KBlazor&version=1.1.0
                    
Install as a Cake Tool

KBlazor

License: MIT .NET MudBlazor Live Demo

AI-ready Blazor components for data-driven applications, for both Blazor Server and Blazor WebAssembly. Built on MudBlazor and Entity Framework Core, KBlazor gives you a powerful table, an auto-generated form editor, and the supporting plumbing to wire models straight into UI with attributes alone.

Live demo: https://kblazor.com/

Components

Component Purpose
<FlexTable TItem="T"> Data table with sort, filter, pagination, column resize, and Table / Chips / Kanban view modes. Per-user saved views.
<BasicEdit TItem="T"> Auto-generated edit form built from [Display], [Editable], [ReadOnlyOnEdit], and related attributes.
<CycleStateButton> Toggle button that cycles through integer states (e.g. status flows).
<RelativeDatePicker> Date picker that supports relative dates like "Today" or "This Week".

Quick Start

1. Reference the package

<PackageReference Include="KBlazor" Version="1.1.0" />

2. Include the JS asset

In _Host.cshtml / App.razor (Server) or wwwroot/index.html (WebAssembly):

<script src="_content/KBlazor/kblazor.js"></script>

3. Add MudBlazor providers to MainLayout.razor

<MudThemeProvider />
<MudPopoverProvider />
<MudDialogProvider />
<MudSnackbarProvider />

4. Register required services

builder.Services.AddMudServices();
builder.Services.AddScoped<IListViewSettingStore, YourListViewSettingStore>();
builder.Services.AddScoped<IEntityLookupProvider, YourEntityLookupProvider>();
builder.Services.AddScoped<IFlexTableSettings, YourFlexTableSettings>();

5. Render a table

<FlexTable TItem="Customer"
           Items="@customers"
           Fields="Name,Status,Created"
           SelectionChanged="OnRowClicked"
           SortFilter="OnSortFilter" />

Your Customer model implements IKBusinessEntity and decorates properties with [Display]. That's it — sort, filter, view modes, and saved layouts come for free.

Documentation

Full guides live in KBlazor/docs/:

Showcase

A live deployment is at https://kblazor.com/ — every component with interactive examples and copy-pasteable code.

The KBlazor.Showcase project is the same site, runnable locally:

dotnet run --project KBlazor.Showcase

Repository Layout

KBlazor/                  Razor Class Library (the package)
KBlazor.Showcase/         Demo site
KBlazor.Showcase.Tests/   Unit tests
KBlazor.WasmSample/      Standalone WebAssembly smoke app (not published)
docs/                     Design specs and plans

Contributing

Issues and pull requests are welcome. Please run dotnet build KBlazor.sln and dotnet test before submitting.

License

MIT © Shawn K. Lewis

Product Compatible and additional computed target framework versions.
.NET net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.1.0 106 9/9/2026
1.0.5 136 7/3/2026
1.0.4 109 7/2/2026
1.0.3 119 7/1/2026
1.0.2 133 5/28/2026
1.0.1 117 5/12/2026
1.0.0 112 5/11/2026

1.1.0: runs on Blazor Server and Blazor WebAssembly from one package. Removed the Microsoft.AspNetCore.App framework reference and the System.Drawing.Common dependency. Breaking: ExtensionMethods.GetTextSize(string, System.Drawing.Font) removed (use GetTextSize(string, string, float) or ITextMeasurer); IHttpContextAccessor is no longer used - the TimezoneOffset cookie is no longer read (register IClientTimeZoneProvider, e.g. BrowserTimeZoneProvider). New optional services: IClientTimeZoneProvider, ITextMeasurer. AuthenticationStateProvider is now optional. Double-click auto-size measures text in the browser.