FluentUI for QML
Go to file
朱子楚\zhuzi 481e19c8cc update
2024-04-13 10:50:27 +08:00
.cmake update 2024-03-09 15:35:48 +08:00
.github/workflows update 2024-03-18 14:10:50 +08:00
3rdparty update 2023-12-21 18:12:43 +08:00
doc update .gitignore 2023-06-20 19:02:18 +08:00
example update 2024-04-12 16:50:49 +08:00
scripts update 2024-03-18 14:10:50 +08:00
src update 2024-04-13 10:50:27 +08:00
.gitignore update 2024-03-09 15:35:48 +08:00
.gitmodules update 2023-12-13 17:31:08 +08:00
CMakeLists.txt update 2024-04-11 14:51:43 +08:00
example.svg update 2023-05-16 12:49:20 +08:00
favicon.ico update 2023-10-02 21:32:10 +08:00
License Create License 2023-04-01 09:31:18 +08:00
README_zh_CN.md move the original README to README_zh_CN, new README in Eng. 2023-05-15 16:06:43 +08:00
README.md fix typo in README.md 2024-01-31 15:43:12 +08:00
THIRD_PARTY_COPYRIGHT.txt update 2023-09-08 17:39:10 +08:00

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