Zurück zum Ranking

zhuzichu520/FluentUI

C++

FluentUI for QML

fluentqmlqtqtquickui
Sterne-Wachstum
Sterne
4.6k
Forks
601
Wochenwachstum
Issues
202
2k4k
März 2023Apr. 2024Juni 2025Juli 2026
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

Ähnliche Repositories
files-community/Files

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

C#MIT Licensefluent-designxaml
files.community
44.4k2.8k
DevToys-app/DevToys

A Swiss Army knife for developers.

C#MIT Licensesyntax-highlightingdeveloper-tools
devtoys.app
31.8k1.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.2k2.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.7k789
0x7c13/Notepads

A modern, lightweight text editor with a minimalist design.

C#MIT Licensefluentnotepad
notepadsapp.com
10.2k548
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#MIT Licensewpfwpf-ui
wpfui.lepo.co
9.5k991
zhiyiYo/PyQt-Fluent-Widgets

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

PythonPyPIGNU General Public License v3.0pyqt5widgets
qfluentwidgets.com
8k772
microsoft/fluentui-blazor

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

C#MIT Licensecomponentsdesign-systems
fluentui-blazor.net
4.8k475
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#MIT Licenseblazorasp-net-core
blazor.radzen.com
4.3k953
ModernFlyouts-Community/ModernFlyouts

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

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

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

C#MIT Licenseuwpxaml
aka.ms/winui
3.5k745
unchihugo/FluentFlyout

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

C#GNU General Public License v3.0audiofluent
fluentflyout.com
3.5k158