zhuzichu520/FluentUI

C++
macOSWindowsLinux

FluentUI for QML

fluentqmlqtqtquickui
Star 增长趋势
Star
4.6k
Forks
596
周增长
+4
Issues
201
2k4k
2023年3月2024年5月2025年7月2026年9月
README

ATTENTION!

PLEASE USE THE BRAND NEW FluentUI Pro INSTEAD!

QML FluentUI

A Fluent Design component library for Qt QML, You need PySide6 PySide6-FluentUI-QML.

win-badge ubuntu-badge macos-badge release-badge download-badge download-latest

English | 简体中文

This is a beautiful FluentUI component library based on Qt QML. Currently the main branch supports Qt 6. If you want to use it in Qt 5, checkout the Qt 5 branch.

Requirements

  • Qt Core, Qt Quick, Qt QML, Qt ShaderTool, Qt 5 Compatibility Module. (Essential)
  • Qt LinguistTool (optional,for translations)
  • Qt Svg (optional, however essential for Qt 5)

Use Qt Online Installers to acquire the modules (Recommended) or compile them first before using the library.

⚽ Get started

  • Download the pre-built release. (Please specify your platform and compilers.)

  • run example program.

or

  • Clone the repository.
git clone --recursive https://github.com/zhuzichu520/FluentUI.git
  • Build
git clone --recursive https://github.com/zhuzichu520/FluentUI.git
cd FluentUI
mkdir build
cd build
cmake -DCMAKE_PREFIX_PATH=<YOUR_QT_SDK_DIR_PATH> -DCMAKE_BUILD_TYPE=Release -GNinja <PATH_TO_THE_REPOSITORY>
cmake --build . --config Release --target all --parallel
  • Use your IDE (Qt Creator or CLion) to open the project. (only CMake supported).
  • Compile the project. Then try to execute the example demo program.

  • Great! Now you are ready to write your first QML FluentUI program! Check the documentations for more details.

📑 Documentations

(Work in progress...🚀)

Supported components

Catalog Detail Notes / Demos
FluApp The initial entry of the program Router supported(SPA)
FluWindow Frameless Window *This only works on windows
FluAppBar Title bar on top of the window Drag, minimize, maximize and close are supported.
FluText Common text
FluButton Common button btn
FluFilledButton Filled button filledbtn
FluTextButton Text button textbtn
FluToggleButton Toggle buttons togglebtn
FluIcon Common icon icons
FluRadioButton radio button radiobtn
FluTextBox Single-line input box textbox
FluMultiLineTextBox Multi-lines input area textarea
FluToggleSwitch toggle switch toggleswitch

View more here!

Reference

License

This FluentUI library currently licensed under MIT License

Star History

Star History Chart

⚡ Visitor count

Visitor count

相关仓库
files-community/Files

A modern file manager that helps users organize their files and folders.

C#MIT Licensefluent-designxaml
files.community
45.1k2.9k
DevToys-app/DevToys

A Swiss Army knife for developers.

C#appMIT Licensesyntax-highlightingdeveloper-tools
devtoys.app
32k1.8k
microsoft/fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

TypeScriptnpmOtherreactreact-components
react.fluentui.dev
20.3k2.9k
microsoft/fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

HTMLMIT Licenseandroidios
aka.ms/fluentui-system-icons
10.8k807
0x7c13/Notepads

A modern, lightweight text editor with a minimalist design.

C#appMIT Licensefluentnotepad
notepadsapp.com
10.2k555
lepoco/wpfui

WPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.

C#libraryMIT Licensewpfwpf-ui
wpfui.lepo.co
9.6k997
zhiyiYo/PyQt-Fluent-Widgets

A fluent design widgets library based on C++ Qt/PyQt/PySide. Make Qt Great Again.

PythonPyPIlibraryGNU General Public License v3.0pyqt5widgets
qfluentwidgets.com
8.1k773
microsoft/fluentui-blazor

Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications

C#libraryMIT Licensecomponentsdesign-systems
fluentui-blazor.net
4.8k484
unchihugo/FluentFlyout

The modern Flyout app for Windows 11, built with Fluent 2 Design principles. Media Flyouts, Taskbar Widgets and more.

C#appGNU General Public License v3.0audiofluent
fluentflyout.com
4.4k215
radzenhq/radzen-blazor

Radzen Blazor is the most sophisticated free UI component library for Blazor, featuring 145+ native components including DataGrid, Scheduler, Charts, and advanced theming with full support for Material Design and Fluent UI. If Radzen Blazor is useful to you, a ⭐ on GitHub helps other Blazor developers find it.

C#libraryMIT Licenseblazorasp-net-core
blazor.radzen.com
4.3k957
ModernFlyouts-Community/ModernFlyouts

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

C#appMIT Licensemetroflyouts
modernflyouts-community.github.io
4.1k214
microsoft/WinUI-Gallery

This app demonstrates the controls available in WinUI and the Fluent Design System.

C#appMIT Licenseuwpxaml
aka.ms/winui
3.6k755