Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/unchihugo/fluentflyout

A simple and modern audio flyout for Windows 11, built with Fluent 2 Design principles.
https://github.com/unchihugo/fluentflyout

audio collaborate fluent fluent-design flyout flyouts github media music windows windows-10 windows-11

Last synced: about 8 hours ago
JSON representation

A simple and modern audio flyout for Windows 11, built with Fluent 2 Design principles.

Awesome Lists containing this project

README 

        


  





  English | 简体中文 | Nederlands




---

FluentFlyout is a simple and modern audio flyout for Windows, built with Fluent 2 Design principles.  

The UI seemingly blends in with Windows 10/11, providing you an uninterrupted, clean, and native-like experience when controlling your media.  



FluentFlyout features smooth animations, blends with your system's color themes, includes multiple layout positions and a suite of personalization settings while providing media controls and information in a nice and modern looking popup flyout. 





	




## Features ✨

- Native Windows-like design

- Uses Fluent 2 components

- Utilises Windows Mica blur

- Supports Light and Dark mode

- Matches your device color theme

- Smooth animations

- Customizable flyout positions

- Includes Repeat All, Repeat One and Shuffle

- Listens to both volume and media inputs

- Sits unobtrusively in system tray

- **Audio flyout: Displays Cover, Title, Artist and media controls**

- **"Up Next" flyout: shows what's next when a song ends**

- **Lock Keys flyout: displays the status of lock keys at a glance**



## Audio flyout 🎵



	  	  




## How to install

### Using Microsoft Store (Recommended)



	




> Looking for FluentFlyout Settings? You can access it by clicking the system tray icon

### Using .msixbundle installer

> [!Important]

> It's highly recommended to download FluentFlyout from MS store, as it's more convenient and provides auto updates

1. Go to the [latest release](https://github.com/unchihugo/FluentFlyout/releases/latest) page

2. Download the **"*.cer"** file *(I'm too poor to afford a real certificate)*

3. Open the certificate and press **"Install Certificate..."**

4. On the Certificate Import Wizard, select **"Local Machine"**, press **"Next"** and grant Admin Access

5. Select **"Place all certificates in the following store"**, then **"Browse..."**, choose **"Trusted Root Certification Authorities"** and **"OK"**

6. Finally, press **"Next"** and then **"Finish"**. It might ask you to confirm, press **Yes**

7. Download **"FluentFlyout_*.msixbundle"**

8. The App Installer will pop up, press **"Install"**, or **"Update"** if you've installed FluentFlyout before

9. done! try playing music and use your media or volume keys



## Upcoming features 📝

- [x] Settings

- [x] Editable flyout timeout

- [x] Implement compact layout

- [x] Remove Windows Forms dependency

- [ ] Add more media controls (repeat✅, shuffle✅, seek slider)

- [ ] More animations

- [ ] Remove windows from `alt+tab`

### Issues

- Issue #5, fixed (~~FluentFlyout might interfere with certain apps/games in **Fullscreen**, try setting the program's window mode to **Borderless Fullscreen** for now~~)

- Windows 10 UI might not look as expected



## Contributing 💖

Please feel free to contribute in any way you can! Check out [CONTRIBUTING.md](https://github.com/unchihugo/FluentFlyout/blob/master/.github/CONTRIBUTING.md) to get started.



## Credits 🙌

- [Hugo Li](https://unchihugo.github.io) - Original Developer, Microsoft Store Publisher, CN & NL Translations

- [LiAuTraver](https://github.com/LiAuTraver) - Contributor



### Dependencies

- [Dubya.WindowsMediaController](https://github.com/DubyaDude/WindowsMediaController)

- [MicaWPF](https://github.com/Simnico99/MicaWPF)

- [WPF-UI](https://github.com/lepoco/wpfui)