SollyUI 0.3.0

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher. 
dotnet add package SollyUI --version 0.3.0
                    


                    

                
NuGet\Install-Package SollyUI -Version 0.3.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="SollyUI" Version="0.3.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="SollyUI" Version="0.3.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="SollyUI" />
                    


                            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 SollyUI --version 0.3.0
                    


                    

                
#r "nuget: SollyUI, 0.3.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 SollyUI@0.3.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=SollyUI&version=0.3.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=SollyUI&version=0.3.0
                    


                            Install as a Cake Tool

Solly.UI

A glassmorphism + neon component library for Blazor. Frosted-glass surfaces, a single-hue neon accent system, and a full set of form, overlay, layout, and data components — all driven by one design-token palette you can recolor at runtime.

Works in Blazor Server and Blazor WebAssembly. No Node build step — CSS and fonts ship inside the package as static web assets.

NuGet License: MIT .NET

Install

dotnet add package SollyUI

Setup

Register the services in Program.cs:

using Solly.UI;

builder.Services.AddSolly.UI(options =>
{
    options.Theme = "dark";          // "dark" | "light"
    options.Palette = SPalette.Teal; // accent hue
});

Reference the stylesheet in your host page (App.razor, _Host.cshtml, or index.html):

<link rel="stylesheet" href="_content/SollyUI/solly.css"/>

To avoid a flash of the wrong theme on first paint, apply the stored theme before Blazor boots — add this to the <head> of your host page:

<script>
    (function () {
        var t = localStorage.getItem('solly-theme') || 'dark';
        document.documentElement.setAttribute('data-solly-theme', t);
    })();
</script>

Add the usings to _Imports.razor:

@using Solly.UI
@using Solly.UI.Components
@using Solly.UI.Core

Quick start

<SButton Variant="SVariant.Primary" Icon="@SIcons.Check">Save</SButton>

<SCard Title="Revenue" Eyebrow="LAST 30 DAYS">
    <SProgress Value="72" Level="SAlertLevel.Success" ShowValue Label="Storage" />
</SCard>

<SAlert Level="SAlertLevel.Warning" Title="Heads up" Dismissible>
    You're using 92% of your quota.
</SAlert>

Components

Form inputs — SButton, SInput, STextArea, SNumberInput<T>, SCheckbox, SSwitch, SRadioGroup<T>, SSelect<T> (searchable, multi-select, async), SSlider, SDatePicker.

Form layout — SGForm, SFormSection, SFormField, SFormActions, with a built-in validation summary.

Overlays — SModal, SDrawer, SPopover, STooltip, SDropdownMenu (with nested submenus), SPopconfirm, SToast (service-driven).

Layout & shell — SShell, SSidebar, SHeader, SNavGroup, SNavLink, SCollapseButton, SThemeToggle, SAmbient.

Data — STable<T> with sorting, pagination, search, row selection, cell templates, and server-side data via an items provider. SPagination is also available standalone.

Display — SCard, SBadge, SChip, SAvatar (+ SAvatarGroup), SAlert, SProgress (linear + circular), STabs, SAccordion, SBreadcrumbs, SSkeleton, SEmpty, SIcon.

Theming

Everything derives from a single accent hue expressed as three CSS custom properties (--s-h, --s-s, --s-l). Change the hue and the entire neon system — glows, gradients, focus rings — recolors.

Pick a preset or a custom hue at runtime:

@inject SollyThemeService Theme

<SButton OnClick="@(() => Theme.SetPaletteAsync(SPalette.Violet))">Violet</SButton>
<SButton OnClick="@(() => Theme.SetPaletteAsync(280, 90, 60))">Custom</SButton>
<SButton OnClick="@(() => Theme.ToggleAsync())">Toggle dark/light</SButton>

Built-in palettes: Teal (default), Cyan, Violet, Magenta, Amber, Lime, plus Custom. Theme and palette choices persist to localStorage.

Requirements

  • .NET 10.0
  • Blazor Server or Blazor WebAssembly

License

MIT © 2026 13cyberpunk02

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
0.3.0 130 8/8/2026
0.2.2 100 8/5/2026
0.2.1 114 8/3/2026
0.2.0 111 7/28/2026
0.1.0 110 7/28/2026

Initial preview release.