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.
Use Qt Online Installers to acquire the modules (Recommended) or compile them first before using the library.
Download the pre-built release. (Please specify your platform and compilers.)
run example program.
or
git clone --recursive https://github.com/zhuzichu520/FluentUI.git
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
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.
(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 more here!
This FluentUI library currently licensed under MIT License
62 followers · starred Aug 2023
5,461 followers · starred Jun 2023
60 followers · starred Nov 2024
1,257 followers · starred May 2023
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.
Use Qt Online Installers to acquire the modules (Recommended) or compile them first before using the library.
Download the pre-built release. (Please specify your platform and compilers.)
run example program.
or
git clone --recursive https://github.com/zhuzichu520/FluentUI.git
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
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.
(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 more here!
This FluentUI library currently licensed under MIT License
62 followers · starred Aug 2023
5,461 followers · starred Jun 2023
60 followers · starred Nov 2024
1,257 followers · starred May 2023