DeskUI 1.5.0
dotnet add package DeskUI --version 1.5.0
NuGet\Install-Package DeskUI -Version 1.5.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="DeskUI" Version="1.5.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="DeskUI" Version="1.5.0" />
<PackageReference Include="DeskUI" />
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 DeskUI --version 1.5.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: DeskUI, 1.5.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 DeskUI@1.5.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=DeskUI&version=1.5.0
#tool nuget:?package=DeskUI&version=1.5.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
DeskUI
OS‑style multi‑window UI for Blazor.
Draggable. Resizable. Themed. Simple.
Setup (Blazor Server / WebAssembly)
- Import the namespace in
_Imports.razor
@using DeskUI
- Register the WindowManager service in
Program.cs
builder.Services.AddScoped<WindowManager>();
- Add the window host in your main page (e.g.
Index.razor) ClassicLight is the default theme, but you can specify another one:
<WindowHost Theme="@Themes.ClassicLight" />
- Import the theme stylesheet:
<link rel="stylesheet" href="_content/DeskUI/themes.css" />
- Register scripts:
<script src="_content/DeskUI/drag.js"/>
- Inject the WindowManager where you need to open windows
@inject WindowManager WindowManager
Usage
Task OpenFirstWindow() => WindowManager.OpenWindowAsync<FirstForm>("FirstComponent", 240, 335);
Task OpenSecondWindow() => WindowManager.OpenWindowAsync<SecondForm>("SecondComponent (Modal)", 550, 250, allowClose: false, overlayed: true);
Theme Support
DeskUI includes a full CSS-variable based theming system. You can choose one of the built‑in themes or define your own.
Available built‑in themes:
- Themes.ClassicLight
- Themes.ClassicDark
- Themes.GlassBrown
Create your own theme
You can override any of the theme variables defined in themes.css.
.my-custom-theme {
--win-bg: #fafafa;
--header-bg: #e8e8e8;
--close-color: #444;
/* ...override any variables you want... */
}
Then apply it:
<WindowHost Theme="my-custom-theme" />
| 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. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.3)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
- Added new "Glass" theme with translucent UI
- Added new CSS variables for theme customization (colors, opacity, blur)
- Added backdrop-filter support for window backgrounds