ColorlibHQ.AdminLTE.AspNetCore 0.3.1

.NET 10.0

dotnet add package ColorlibHQ.AdminLTE.AspNetCore --version 0.3.1

NuGet\Install-Package ColorlibHQ.AdminLTE.AspNetCore -Version 0.3.1

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="ColorlibHQ.AdminLTE.AspNetCore" Version="0.3.1" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="ColorlibHQ.AdminLTE.AspNetCore" Version="0.3.1" />
                    

                            Directory.Packages.props

<PackageReference Include="ColorlibHQ.AdminLTE.AspNetCore" />
                    

                            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 ColorlibHQ.AdminLTE.AspNetCore --version 0.3.1

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: ColorlibHQ.AdminLTE.AspNetCore, 0.3.1"

#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 ColorlibHQ.AdminLTE.AspNetCore@0.3.1

#: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=ColorlibHQ.AdminLTE.AspNetCore&version=0.3.1
                    

                            Install as a Cake Addin

#tool nuget:?package=ColorlibHQ.AdminLTE.AspNetCore&version=0.3.1
                    

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

AdminLTE 4 for ASP.NET Core

Official AdminLTE 4 integration for ASP.NET Core — Blazor components and Tag Helpers for MVC / Razor Pages, built on Bootstrap 5.3 with vanilla JS (no jQuery).

The compiled AdminLTE, Bootstrap and Bootstrap Icons assets ship inside the package as static web assets, so you just dotnet add package and reference them — no npm build step.

Live demo · Documentation · GitHub

AdminLTE 4 for ASP.NET Core — dashboard preview

Installation

dotnet add package ColorlibHQ.AdminLTE.AspNetCore

using ColorlibHQ.AdminLTE.AspNetCore;

builder.Services.AddAdminLte(builder.Configuration);
builder.Services.AddHttpContextAccessor(); // needed for the sidebar Tag Helper's active state

Define the menu in appsettings.json:

{
  "AdminLte": {
    "BrandText": "AdminLTE 4",
    "SidebarTheme": "dark",
    "Menu": [
      { "Header": "MAIN NAVIGATION" },
      { "Text": "Dashboard", "Url": "/", "Icon": "bi bi-speedometer" },
      { "Text": "Admin", "Url": "/admin", "Icon": "bi bi-shield-lock", "Policy": "RequireAdmin" }
    ]
  }
}

Usage — Blazor

Reference the bundled CSS/JS in App.razor and wrap pages in DashboardLayout:

@* App.razor <head> *@
<AdminLteStyles />
@* …before </body>, after blazor.web.js *@
<AdminLteScripts />

@* MainLayout.razor *@
@inherits LayoutComponentBase
<DashboardLayout>
    @Body
</DashboardLayout>

@page "/"
<AppContent Title="Dashboard">
    <SmallBox Theme="primary" Title="150" Text="New Orders" Icon="bi-bag-fill" Url="/orders" />
    <Card Title="Monthly Recap" Theme="primary" Variant="outline" Collapsible="true">
        <Progress Value="80" Theme="success" ShowLabel="true" />
        <Button Theme="primary" Icon="bi-download" Label="Export" />
    </Card>
</AppContent>

Usage — MVC / Razor Pages

@addTagHelper *, ColorlibHQ.AdminLTE.AspNetCore

<adminlte-styles />
<adminlte-sidebar />
<adminlte-card title="Monthly Recap" theme="primary" variant="outline">
    <adminlte-progress value="80" theme="success" show-label="true" />
</adminlte-card>
<adminlte-scripts />

What's included

Two rendering models from one package — Blazor components (Server & WebAssembly) and Tag Helpers for MVC / Razor Pages.
All 11 layout components — DashboardLayout, AuthLayout, AppContent, Topbar, Sidebar, SidebarBrand, SidebarNav, SidebarNavItem, SidebarOverlay, Footer, ColorModeToggle, plus the NavMessages, NavNotifications and NavTasks dropdowns.
Widgets — Card, SmallBox, InfoBox, Alert, Callout, Progress, ProgressGroup, Ratings, Timeline, Breadcrumb, ProfileCard, DescriptionBlock, DirectChat, Tabs and Accordion.
Form components — Button, Input, Select, Textarea, InputSwitch, all supporting @bind-Value inside EditForm.
Config-driven sidebar menu — a strongly-typed MenuItem model bound from appsettings.json, with authorization policy/role support and automatic active-item highlighting.
Light / dark / auto colour mode — persisted to localStorage, with a blocking script so there is no flash of the wrong theme.
Command palette — searches your authorized menu, opens with Cmd/Ctrl+K.
Bundled static web assets — AdminLTE 4, Bootstrap 5.3.8 and Bootstrap Icons served from /_content/ColorlibHQ.AdminLTE.AspNetCore/….

Requirements

.NET 10.0 or later
ASP.NET Core (Blazor Server/WebAssembly, MVC or Razor Pages)

License

MIT — see LICENSE. The full documentation, component reference and source live on GitHub.

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.

net10.0
- No dependencies.

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
0.3.1	114	8/19/2026
0.3.0	89	8/19/2026
0.2.0	286	6/26/2026

Package page now renders correctly: ships a Markdown-only README (nuget.org escapes raw HTML). No code changes from 0.3.0.