Desktop Flyouts

WinUI library for showing desktop flyouts from tray icons or programmatically.

2026-05-17.02-47-04.mp4

Installing the package

You can consume this project via NuGet. Use NuGet Package Manager or run the following command in the Package Manager Console:

WinUI for UWP (UWP/WinUI2)

The UWP version of sample app is currently under development. Recommend to use WinUI 3

> dotnet add package DesktopFlyouts.Uwp

WinUI (WinAppSDK/WinUI3)

> dotnet add package DesktopFlyouts.WinUI

Documentation

• Getting started
• DesktopFlyout
• DesktopMenuFlyout
• SystemTrayIcon
• Focus and activation

Usage

This project provides DesktopFlyout for lightweight desktop panels and DesktopMenuFlyout for context menu behavior.

DesktopFlyout

<me:DesktopFlyout
    x:Class="..."
    xmlns:me="using:DesktopFlyouts"
    FlyoutWidth="360">

    <me:DesktopFlyoutIsland IslandHeight="300">
        <!-- Put elements here -->
    </me:DesktopFlyoutIsland>
    <me:DesktopFlyoutIsland IslandHeight="300">
        <!-- Put elements here -->
    </me:DesktopFlyoutIsland>

</me:DesktopFlyout>

if (_desktopFlyout.IsOpen)
    _desktopFlyout.Hide();
else
    _desktopFlyout.Show();

DesktopMenuFlyout

<me:DesktopMenuFlyout
    x:Class="..."
    xmlns:me="using:DesktopFlyouts">

    <MenuFlyoutItem Text="Theme" />
    <MenuFlyoutItem Text="Language" />
    <MenuFlyoutItem Text="Settings" />

</me:DesktopMenuFlyout>

if (_desktopMenuFlyout.IsOpen)
    _desktopMenuFlyout.Hide();

_desktopMenuFlyout.Show(e.Point);

Building from the source

1. Prerequisites
   • Windows 10 (Build 10.0.17763.0) onwards and Windows 11
   • Visual Studio 2022
   • .NET 9/10 SDK
2. Clone the repo
3. Open the solution
4. Build the solution