Introduction
AdminLTE 4 for ASP.NET Core is the official Razor Class Library (RCL) that brings the AdminLTE 4 admin template to your app as native Blazor components and Tag Helpers for MVC / Razor Pages, built on Bootstrap 5.3 with vanilla JS (no jQuery).
The package — ColorlibHQ.AdminLTE.AspNetCore on NuGet — ships the compiled AdminLTE, Bootstrap 5.3.8 and Bootstrap Icons assets as static web assets inside the RCL. You add one package, register one service, and reference <AdminLteStyles /> / <AdminLteScripts />. There is no npm build step for consumers — assets are served from /_content/ColorlibHQ.AdminLTE.AspNetCore/.
Two rendering models, one package
- Blazor components (Server & WebAssembly, interactive render modes) —
<DashboardLayout>,<Card>,<SmallBox>,<EditForm>-friendly inputs, and more. - Tag Helpers for MVC / Razor Pages —
<adminlte-sidebar>,<adminlte-card>,<adminlte-small-box>,<adminlte-info-box>,<adminlte-alert>,<adminlte-styles>,<adminlte-scripts>and more.
Key features
- All 11 layout components — DashboardLayout, AuthLayout, AppContent, Topbar, Sidebar, SidebarBrand, SidebarNav, SidebarNavItem, SidebarOverlay, Footer, ColorModeToggle, plus the topbar dropdowns NavMessages, NavNotifications and NavTasks.
- Widgets — Card, SmallBox, InfoBox, Alert, Callout, Progress, ProgressGroup, Ratings, Timeline, Breadcrumb, ProfileCard, DescriptionBlock, DirectChat, Tabs/Tab and Accordion/AccordionItem.
- Priority form components — Button, Input, Select, Textarea, InputSwitch (all support
@bind-ValueinsideEditForm). - Config-driven sidebar menu — a strongly-typed
MenuItemmodel bound fromappsettings.jsonvia the Options pattern (text, route/href, icon, badge, submenu, authorization policy / role), with automatic active-item highlighting. - Light / dark / auto color mode — persisted to
localStorage, with a server-respecting blocking script so there is no flash of the wrong theme on first paint. - ⌘K command palette — searches your authorized menu; opens via the topbar pill or Cmd/Ctrl+K.
- Bundled static web assets — compiled AdminLTE 4, Bootstrap 5.3.8 and Bootstrap Icons; no npm build step required by consumers.
Requirements
| Dependency | Version |
|---|---|
| .NET SDK | 10.0+ (ASP.NET Core 10) |
| Project type | Blazor Web App, MVC, or Razor Pages |
| Bootstrap | 5.3.8 (bundled) |
| Bootstrap Icons | bundled |
Install in one line
dotnet add package ColorlibHQ.AdminLTE.AspNetCoreSee the Installation page for registering services in Program.cs and wiring up <AdminLteStyles /> / <AdminLteScripts /> in App.razor.
Links
- Live demo: aspnet.adminlte.io
- Repository: github.com/ColorlibHQ/adminlte-aspnet
- NuGet: ColorlibHQ.AdminLTE.AspNetCore
- AdminLTE: adminlte.io
AdminLTE is available across many stacks — the same template is also offered as official ports for React/Next.js, Vue/Nuxt, Laravel, Django, Symfony and Angular.