SuperBlazorComponents 1.3.33.1

dotnet add package SuperBlazorComponents --version 1.3.33.1
                    
NuGet\Install-Package SuperBlazorComponents -Version 1.3.33.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="SuperBlazorComponents" Version="1.3.33.1" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="SuperBlazorComponents" Version="1.3.33.1" />
                    
Directory.Packages.props
<PackageReference Include="SuperBlazorComponents" />
                    
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 SuperBlazorComponents --version 1.3.33.1
                    
#r "nuget: SuperBlazorComponents, 1.3.33.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 SuperBlazorComponents@1.3.33.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=SuperBlazorComponents&version=1.3.33.1
                    
Install as a Cake Addin
#tool nuget:?package=SuperBlazorComponents&version=1.3.33.1
                    
Install as a Cake Tool

🚀 SuperBlazorComponents

NuGet License: MIT .NET 10

High-performance, open-source Blazor component library for admin and line-of-business applications — built with Bootstrap 5.3 and zero third-party JS dependencies (except Google Charts).


✨ Components

Component Description Docs
SuperDataGrid Virtualized data grid — frozen columns/rows, reordering, resizing, filtering, sorting, inline editing, row selection, settings persistence 📖 SUPERDATAGRID.md
SuperLayout Responsive app layout — header, sidebar, body, footer, chat panel with collapsible sidebar
SuperTabs Dynamic tabbed interface — badges, closable tabs, lazy loading, persistence (URL + localStorage), keyboard navigation, service-driven management
SuperSplitter Resizable split panels — horizontal/vertical, collapsible, state persistence 📖 SuperSplitter.md
SuperDateRangePicker Calendar-based date range picker with presets
SuperButtons Buttons, split buttons, toggle buttons, link buttons, confirmation buttons
SuperDialog Modal dialog system with dynamic component rendering
SuperConfirmDialog Confirmation dialog with customizable buttons
SuperNotifications Toast notifications with auto-dismiss and severity levels
SuperBreadCrumb Breadcrumb navigation with back-navigation support
SuperMenuItem Sidebar menu items with icons, badges, and nested submenus
ThemeToggle Dark/light theme toggle with system preference detection and localStorage persistence
Google Charts Combo charts, pie charts, and pure SVG time series charts

📦 Installation

dotnet add package SuperBlazorComponents

🔧 Setup

Register the services in your Program.cs:

builder.Services.AddSuperComponents();

🚀 Quick Start

@using SuperBlazorComponents.Components.SuperDataGrid

<SuperDataGrid TItem="Product"
               ItemsProvider="LoadProducts"
               Height="500px"
               AllowSorting="true"
               AllowFiltering="true"
               FreezeHeader="true"
               SelectionMode="SuperDataGridSelectionMode.Multiple"
               GridId="products-grid">
    <DataGridColumn Title="Name" For="@(c => c.Name)" />
    <DataGridColumn Title="Price" For="@(c => c.Price)" Width="120" />
    <DataGridColumn Title="Category" For="@(c => c.Category)" Width="150" />
</SuperDataGrid>

🤝 Contributing

Contributions are welcome! Feel free to open issues, suggest features, or submit pull requests.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License.


🌐 Live Demo

A live demo site is available at blazor.appliman.com


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
1.3.33.1 0 4/10/2026
1.3.32.1 0 4/10/2026
1.3.31 21 4/9/2026