Repository files navigation

QML FluentUI

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

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.

• 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)

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

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

• runexample program.

or

• Clone the repository.

git clone --recursive https://github.com/zhuzichu520/FluentUI.git

• Build

git clone --recursive https://github.com/zhuzichu520/FluentUI.gitcd FluentUImkdir buildcd buildcmake -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 orCLion) to open the project. (onlyCMake supported).

• Compile the project. Then try to execute theexample demo program.

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

(Work in progress...🚀)

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
FluFilledButton	Filled button
FluTextButton	Text button
FluToggleButton	Toggle buttons
FluIcon	Common icon
FluRadioButton	radio button
FluTextBox	Single-line input box
FluMultiLineTextBox	Multi-lines input area
FluToggleSwitch	toggle switch

View morehere!

• Windows design: Design guidelines and toolkits of Microsoft.
• Microsoft/WinUI-Gallery: Microsoft's demo

This FluentUI library currently licensed underMIT License