SummitUI 0.0.18-alpha
dotnet add package SummitUI --version 0.0.18-alpha
NuGet\Install-Package SummitUI -Version 0.0.18-alpha
<PackageReference Include="SummitUI" Version="0.0.18-alpha" />
<PackageVersion Include="SummitUI" Version="0.0.18-alpha" />
<PackageReference Include="SummitUI" />
paket add SummitUI --version 0.0.18-alpha
#r "nuget: SummitUI, 0.0.18-alpha"
#:package SummitUI@0.0.18-alpha
#addin nuget:?package=SummitUI&version=0.0.18-alpha&prerelease
#tool nuget:?package=SummitUI&version=0.0.18-alpha&prerelease
SummitUI
A headless Blazor component library focused on accessibility and customization. SummitUI provides unstyled, WCAG-compliant components that give you full control over your application's design while handling complex behaviors and accessibility requirements.
Note: This is an alpha release. APIs may change before version 1.0.
Inspired by bits-ui. Huge thanks to Hunter Johnston for the inspiration and design patterns.
Features
- Headless: Logic and behavior without opinionated styling.
- Accessible: Built with WCAG compliance in mind, including ARIA attributes and keyboard navigation.
- Render Modes: Supports WebAssembly and Server render modes with pre-rendering.
- Customizable: Fully customizable via standard Blazor attributes.
Installation
Install the package via NuGet:
dotnet add package SummitUI
Setup
- Add the SummitUI services to your dependency injection container in
Program.cs:
using SummitUI.Extensions;
builder.Services.AddSummitUI();
- Add the global using directive in your
_Imports.razorfile:
@using SummitUI
- (Optional) Add the script reference in your
App.razor(orindex.htmlfor WASM) if you are using components that require JavaScript interop (likeFocusTrapor floating UI components). Note that many components load their scripts lazily, but including the main script can ensure early availability.
<script type="module" src="@Assets["_content/SummitUI/summitui.js"]" ></script>
Usage Example
Here is a simple example of how to use the Accordion component:
<AccordionRoot DefaultValue="item-1">
<AccordionItem Value="item-1">
<AccordionHeader>
<AccordionTrigger class="accordion-trigger">
Is it accessible?
</AccordionTrigger>
</AccordionHeader>
<AccordionContent class="accordion-content">
Yes. It adheres to the WAI-ARIA design pattern.
</AccordionContent>
</AccordionItem>
</AccordionRoot>
Testing tools
NVDA and VoiceOver
| Product | Versions 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. |
-
net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.1)
- Microsoft.Extensions.Localization (>= 10.0.1)
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.0.18-alpha | 1,149 | 2/11/2026 |
| 0.0.17-alpha | 140 | 2/10/2026 |
| 0.0.16-alpha | 207 | 2/4/2026 |
| 0.0.15-alpha | 80 | 2/4/2026 |
| 0.0.14-alpha | 78 | 2/4/2026 |
| 0.0.13-alpha | 76 | 2/4/2026 |
| 0.0.12-alpha | 76 | 2/4/2026 |
| 0.0.11-alpha | 161 | 1/29/2026 |
| 0.0.10-alpha | 85 | 1/28/2026 |
| 0.0.9-alpha | 177 | 1/16/2026 |
| 0.0.8-alpha | 99 | 1/14/2026 |
| 0.0.7-alpha | 94 | 1/11/2026 |
| 0.0.6-alpha | 88 | 1/8/2026 |
| 0.0.5-alpha | 89 | 1/8/2026 |
| 0.0.4-alpha | 81 | 1/7/2026 |
| 0.0.3-alpha | 89 | 1/3/2026 |
| 0.0.2-alpha | 89 | 1/3/2026 |