DeskUI 1.2.0

.NET 10.0

dotnet add package DeskUI --version 1.2.0

NuGet\Install-Package DeskUI -Version 1.2.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.2.0" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="DeskUI" Version="1.2.0" />
                    

                            Directory.Packages.props

<PackageReference Include="DeskUI" />
                    

                            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 DeskUI --version 1.2.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: DeskUI, 1.2.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.2.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.2.0
                    

                            Install as a Cake Addin

#tool nuget:?package=DeskUI&version=1.2.0
                    

                            Install as a Cake Tool

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

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" />

<script src="_content/DeskUI/drag.js"/>

Usage

async Task OpenFirstWindow()
{
    await WindowManager.OpenWindowAsync("FirstComponent", builder =>
    {
        builder.OpenComponent<FirstForm>(0);
        builder.CloseComponent();
    }, width: 240, height: 320);
}

async Task OpenSecondWindow()
{
    await WindowManager.OpenWindowAsync("SecondComponent (Modal)", builder =>
    {
        builder.OpenComponent<SecondForm>(0);
        builder.CloseComponent();
    }, width: 550, height: 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.WindowsCE

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	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.0)

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.2.0	89	12/29/2025
1.1.0	149	12/14/2025
1.0.0	434	12/9/2025
0.1.0-alpha	192	12/3/2025

- Added custom CSS theme support
- Added WinCE theme
- General UI/UX improvements and code cleanup