Convert Figma logo to code with AI

ModernFlyouts-Community logoModernFlyouts

A modern Fluent Design replacement for the old Metro themed flyouts present in Windows.

3,532
192
3,532
339

Top Related Projects

Mica For Everyone is a tool to enable backdrop effects on the title bars of Win32 apps on Windows 11.

Port of macOS Mojave Dynamic Desktop feature to Windows

EarTrumpet - Volume Control for Windows

Add margins, rounded corners and segments to your taskbars!

This project aims to enhance the working environment on Windows

Quick Overview

ModernFlyouts is an open-source Windows application that replaces the default flyout UI for volume, brightness, airplane mode, and lock keys with a modern, customizable alternative. It aims to provide a sleek, minimalist design that integrates well with Windows 10 and 11 aesthetics while offering additional functionality.

Pros

  • Customizable appearance with various themes and positioning options
  • Smooth animations and modern design that blends well with Windows 10/11
  • Additional features like media controls and detailed audio device management
  • Lightweight and efficient, with minimal system resource usage

Cons

  • May occasionally conflict with Windows updates or system changes
  • Limited to Windows operating systems
  • Some users may experience rare stability issues or conflicts with other system modifications

Getting Started

To get started with ModernFlyouts:

  1. Visit the GitHub releases page
  2. Download the latest .msixbundle file
  3. Double-click the downloaded file to install
  4. Launch ModernFlyouts from the Start menu
  5. Customize settings through the tray icon or main interface

For advanced users or developers:

# Install using winget (Windows Package Manager)
winget install ModernFlyouts

# Or clone the repository and build from source
git clone https://github.com/ModernFlyouts-Community/ModernFlyouts.git
cd ModernFlyouts
# Open the solution in Visual Studio and build

After installation, ModernFlyouts will automatically replace the default Windows flyouts. You can further customize its appearance and behavior through the settings interface.

Competitor Comparisons

Mica For Everyone is a tool to enable backdrop effects on the title bars of Win32 apps on Windows 11.

Pros of MicaForEveryone

  • Broader application: Adds Mica effect to all Win32 apps, not limited to specific UI elements
  • More customization options: Allows users to configure Mica effect per application
  • Active development: Frequent updates and improvements

Cons of MicaForEveryone

  • Potential performance impact: Applying Mica effect to all apps may affect system resources
  • Compatibility issues: Some applications may not render correctly with forced Mica effect

Code Comparison

ModernFlyouts:

public static void ShowFlyout(Flyout flyout, FrameworkElement placementTarget)
{
    flyout.ShowAt(placementTarget);
}

MicaForEveryone:

BOOL WINAPI DllMain(HINSTANCE hinstDLL, DWORD fdwReason, LPVOID lpvReserved)
{
    switch (fdwReason)
    {
        case DLL_PROCESS_ATTACH:
            DisableThreadLibraryCalls(hinstDLL);
            return Initialize();
    }
    return TRUE;
}

The code snippets highlight the different approaches:

  • ModernFlyouts focuses on managing flyout UI elements in C#
  • MicaForEveryone uses C++ to integrate with Windows processes and apply the Mica effect

Both projects enhance Windows UI, but MicaForEveryone offers a more system-wide solution, while ModernFlyouts targets specific UI components. The choice between them depends on user preferences and system requirements.

Port of macOS Mojave Dynamic Desktop feature to Windows

Pros of WinDynamicDesktop

  • Focuses on dynamic wallpaper changes based on time of day
  • Supports a wide variety of wallpaper themes
  • Offers more customization options for wallpaper behavior

Cons of WinDynamicDesktop

  • Limited to wallpaper functionality, unlike ModernFlyouts' broader system UI enhancements
  • May have higher resource usage due to constant wallpaper updates
  • Less integrated with overall Windows UI compared to ModernFlyouts

Code Comparison

While the projects serve different purposes, we can compare how they handle settings:

WinDynamicDesktop:

public class Settings
{
    public string Language { get; set; }
    public bool DarkMode { get; set; }
    public int UpdateInterval { get; set; }
    // ...
}

ModernFlyouts:

public class Settings : INotifyPropertyChanged
{
    private string _accentColor;
    public string AccentColor
    {
        get => _accentColor;
        set => SetProperty(ref _accentColor, value);
    }
    // ...
}

ModernFlyouts uses a more reactive approach with INotifyPropertyChanged, while WinDynamicDesktop opts for a simpler structure. This reflects their different focuses: ModernFlyouts on UI responsiveness, and WinDynamicDesktop on configuration management.

EarTrumpet - Volume Control for Windows

Pros of EarTrumpet

  • More mature project with a larger user base and longer development history
  • Offers advanced features like multi-channel audio control and app-specific volume mixing
  • Provides a more comprehensive audio management solution for Windows

Cons of EarTrumpet

  • Larger application size and potentially higher resource usage
  • Less focus on visual integration with Windows 11's design language
  • May have a steeper learning curve for users who only need basic volume control

Code Comparison

ModernFlyouts:

public static void ShowVolumeOutput()
{
    var flyout = new ModernFlyouts.Flyout(FlyoutType.Volume);
    flyout.Show();
}

EarTrumpet:

public static void ShowVolumeControl()
{
    var controller = new AudioDeviceController();
    controller.ShowVolumeControl();
}

While both projects aim to enhance Windows audio controls, ModernFlyouts focuses on modernizing the UI for various system functions, including volume control. EarTrumpet, on the other hand, specializes in providing a more comprehensive audio management solution with advanced features. ModernFlyouts may be more suitable for users seeking a visually cohesive experience with Windows 11, while EarTrumpet offers more powerful audio control options for power users.

Add margins, rounded corners and segments to your taskbars!

Pros of RoundedTB

  • Focuses specifically on taskbar customization, offering a more specialized solution
  • Provides options for corner rounding and taskbar transparency
  • Lightweight and minimal impact on system resources

Cons of RoundedTB

  • Limited in scope compared to ModernFlyouts' broader system UI enhancements
  • May require more manual configuration for desired appearance
  • Less frequent updates and potentially slower bug fixes

Code Comparison

RoundedTB (C#):

public static void RoundTaskbar(IntPtr hWnd, int radius)
{
    var region = CreateRoundRectRgn(0, 0, width, height, radius, radius);
    SetWindowRgn(hWnd, region, true);
}

ModernFlyouts (C#):

public static void ShowFlyout(FlyoutType type, object content)
{
    var flyout = new Flyout(type);
    flyout.Content = content;
    flyout.Show();
}

The code snippets highlight the different focus areas of each project. RoundedTB deals with taskbar manipulation, while ModernFlyouts handles system-wide flyout displays. RoundedTB's code is more focused on UI shape modification, whereas ModernFlyouts emphasizes content presentation and user interaction across various system elements.

This project aims to enhance the working environment on Windows

Pros of ExplorerPatcher

  • More comprehensive customization options for Windows 11 UI elements
  • Focuses on restoring Windows 10-style taskbar and Start menu functionality
  • Offers additional features like Windows 7-style alt-tab and custom system tray clock

Cons of ExplorerPatcher

  • May have more potential for conflicts with Windows updates due to deeper system modifications
  • Requires more frequent updates to maintain compatibility with Windows changes
  • Higher learning curve for users due to extensive customization options

Code Comparison

ExplorerPatcher uses low-level system hooks to modify Windows behavior:

BOOL WINAPI DllMain(HINSTANCE hinstDLL, DWORD fdwReason, LPVOID lpvReserved)
{
    switch (fdwReason)
    {
        case DLL_PROCESS_ATTACH:
            DisableThreadLibraryCalls(hinstDLL);
            Initialize();
            break;
    }
    return TRUE;
}

ModernFlyouts focuses on UI overlays and doesn't modify core system components:

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);
        InitializeComponent();
    }
}

Both projects aim to enhance the Windows user experience, but ExplorerPatcher offers more extensive customization at the cost of potential compatibility issues, while ModernFlyouts provides a more focused and less intrusive approach to UI improvements.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

ModernFlyouts

An open source, modern, Fluent Design-based set of flyouts for Windows.

Microsoft Store Github All Releases GitHub release Telegram Discord

Overview • Features • System Requirements • Installation • Connect with us • Contributing • Screenshots

Overview 👀

Default Flyout | ModernFlyouts

Overview

This application aims to provide a Fluent Design System based replacement for the old, built-in, Metro Design based Audio/Airplane mode/Brightness flyouts in Windows (which haven't been updated since Windows 8) which are shown while pressing the media or volume keys or even the brightness keys (may be absent on Desktop PCs) or when airplane/flight mode is toggled.

In case of Windows 11, this application will have the same UI but will provide additional features and customizability compared to the built-in redesigned flyouts.

This project has its roots in the app AudioFlyout by ADeltaX. With additional implementations for "Airplane mode", "Brightness" and "LockKeys" (includes Insert key, Caps, Num & Scroll lock keys) flyouts, this project stands as a complete replacement for the built-in flyouts.

Note : The built-in flyout will not be permanently affected. It will be hidden temporarily while this application is running. So, no reason to fear breaking your system. For more information on how to recover the original flyouts, check out this How To page.

Users are provided the freedom to choose between the Windows built-in flyouts or modern flyouts from ModernFlyouts or neither of them.

It is impossible to have a flyout for the keyboard backlight brightness or the function (Fn) key because they are not passed as keys but as hardware signals (which the OEMs decide). Any OS can receive those signals if they have the required driver.

Please check out the Wiki for additional information, guides and how-tos.

Please check out this document for support regarding your media player/browser.


Features ✨

  • Fluent Design based UI.
  • Supports Light and Dark mode.
  • Redesigned Volume + Media, Brightness and Airplane mode flyouts.
  • Media Controls have support for (not all app support the whole feature set. More on this)
    • Shuffle,
    • Repeat,
    • Stop
    • and Timeline Info.
  • Additional flyouts Lock keys and Insert/Overtype.
  • Each module can be disabled individually.
  • Fully customizable layout settings, i.e.
    • Auto or Manual Placement mode,
    • Flyout Alignment,
    • Flyout content stacking direction.
  • Flyout's TopBar can be pinned, unpinned or hidden.
  • Flyout is Draggable and autosaves the position. It also has feature for default position. (Check out the settings)
  • Supports multi-monitor setup and users can select which monitor to show the flyout on.
  • Smooth Animations & Transitions.
  • Opacity of the background of flyouts can be changed.
  • Timeout of flyouts is customizable.

System Requirements 🖥️

  • Windows 11
  • Windows 10 1809 and above

older versions such as v0.3 and below support Windows 10 1803 downlevel till Windows 8, however v0.4 and above won't.


Installation ⬇️

Modern Flyouts is available for you to install via Microsoft Store, GitHub, winget and Chocolatey.

All the distribution methods mentioned above are supported, however installing the app from the Microsoft Store is recommended as it is easier to install and will automatically remain up to date.

Microsoft Store

Microsoft Store

GitHub

  1. Go to the latest release on the Releases page.
  2. Download the latest *.msixbundle file and the [latest available] .cer file from the assets.
  3. Install the certificate into the Trusted People directory.
  4. Install the downloaded *.msixbundle file and launch the app from the Start Menu.

winget

please note that due to how winget processes package updates, updates may take longer to be released to winget.

winget install --id=ModernFlyouts.ModernFlyouts -e

Chocolatey

ModernFlyouts is unofficially available to install via Chocolatey here, however as this is not maintained by us we can not verify its security or its update status.


Connect with us 🌐

You can join our Discord Server or Telegram Group to connect with us. By doing so, we can have off-topic conversations, news about this app, development previews and providing & collecting feedback.


Contributing 🤝

This project welcomes all types of contributions such help planning, design, documentation, finding bugs are ways everyone can help on top of coding features/bug fixes. We are excited to work with the community to make this project reach its goals and beyond.

We ask that before you start to work on a feature/bug fix that you would like to see happen, please read the Contributor's Guide. We will be happy to work with you to figure out the best approach, provide guidance and mentorship throughout the feature development, and help avoid any wasted or duplicate effort.

For guidance on developing for ModernFlyouts, please read the developer guide for a detailed breakdown. This includes how to setup your computer to build and run the app.


NOTES 🗒️

Credits

First of all, we must thank our good friend ADeltaX for one of his marvelous works AudioFlyout. Since the project was stale for a while and it lacked support for brightness and airplane mode flyouts, this project was born. He not only let us use his source code but also helped us improve this app. And he still supports us 😄. I must admit that this project wouldn't be here how it is without ADeltaX. Our heartful thanks to him ❤.

We must also say a big thanks to our contributors for helping us with some important bug fixes, adding features and localization.

Our Team

  • ShankarBUS - Ex-Maintainer/co-owner & Developer.
  • ADeltaX - Developer of innovative solutions to circumvent microsoft rubbish
  • FireCubeStudios - Developer/Maintainer.
  • Samuel12321 - Maintainer/co-owner of this repository and application publisher (including Microsoft Store).
  • PrakharB5 - Repository Maintainer.

Dependencies and References


Beta Builds 🚧

The ability to signup for beta builds has been temporarily disabled while we work on a better way to release and manage them. Beta builds will still occasionally be available to download fron the releases tab on github. Thank to everyone who help us test new releases and find bugs before they go public.


Screenshots 📷

Screenshots are temporarily removed 😅. They will be restored during v1.0 release cycle.