{"id":15209429,"url":"https://github.com/zhuzichu520/fluentui","last_synced_at":"2025-05-13T00:12:39.063Z","repository":{"id":143319260,"uuid":"605987525","full_name":"zhuzichu520/FluentUI","owner":"zhuzichu520","description":"FluentUI for QML","archived":false,"fork":false,"pushed_at":"2025-05-09T01:19:19.000Z","size":29704,"stargazers_count":3954,"open_issues_count":200,"forks_count":544,"subscribers_count":37,"default_branch":"main","last_synced_at":"2025-05-13T00:12:25.782Z","etag":null,"topics":["fluent","qml","qt","qtquick","ui"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhuzichu520.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-02-24T10:43:48.000Z","updated_at":"2025-05-12T16:01:08.000Z","dependencies_parsed_at":"2024-11-15T13:39:28.686Z","dependency_job_id":"23a3c0df-76d6-44ab-a130-a0533c692364","html_url":"https://github.com/zhuzichu520/FluentUI","commit_stats":{"total_commits":1303,"total_committers":31,"mean_commits":42.03225806451613,"dds":0.4420567920184191,"last_synced_commit":"e77129326929aee5d026e432f5b8d6a32995616a"},"previous_names":[],"tags_count":75,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuzichu520%2FFluentUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuzichu520%2FFluentUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuzichu520%2FFluentUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuzichu520%2FFluentUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhuzichu520","download_url":"https://codeload.github.com/zhuzichu520/FluentUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253843219,"owners_count":21972874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fluent","qml","qt","qtquick","ui"],"created_at":"2024-09-28T07:23:37.637Z","updated_at":"2025-05-13T00:12:39.039Z","avatar_url":"https://github.com/zhuzichu520.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ATTENTION! \n# PLEASE USE THE BRAND NEW [FluentUI Pro](https://github.com/zhuzichu520/FluentUI2) INSTEAD!\n\u003cdiv align=center\u003e\n\u003cimg width=64 src=\"doc/preview/fluent_design.svg\"\u003e\n\n# QML FluentUI\n\nA Fluent Design component library for Qt QML, You need PySide6 [PySide6-FluentUI-QML](https://github.com/zhuzichu520/PySide6-FluentUI-QML).\n\n\u003c/div\u003e\n\n![win-badge] ![ubuntu-badge] ![macos-badge] ![release-badge] ![download-badge] ![download-latest]\n\n\u003cdiv align=center\u003e\n\nEnglish | [简体中文](README_zh_CN.md)\n\n\u003cimg src=\"doc/preview/demo_large.png\"\u003e\n\n\u003c/div\u003e\n\n[win-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AWindows \"WindowsAction\"\n[win-badge]: https://github.com/zhuzichu520/FluentUI/workflows/Windows/badge.svg  \"Windows\"\n[ubuntu-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AUbuntu \"UbuntuAction\"\n[ubuntu-badge]: https://github.com/zhuzichu520/FluentUI/workflows/Ubuntu/badge.svg \"Ubuntu\"\n[macos-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AMacOS \"MacOSAction\"\n[macos-badge]: https://github.com/zhuzichu520/FluentUI/workflows/MacOS/badge.svg \"MacOS\"\n[release-link]: https://github.com/zhuzichu520/FluentUI/releases \"Release status\"\n[release-badge]: https://img.shields.io/github/release/zhuzichu520/FluentUI.svg?style=flat-square \"Release status\"\n[download-link]: https://github.com/zhuzichu520/FluentUI/releases/latest \"Download status\"\n[download-badge]: https://img.shields.io/github/downloads/zhuzichu520/FluentUI/total.svg \"Download status\"\n[download-latest]: https://img.shields.io/github/downloads/zhuzichu520/FluentUI/latest/total.svg \"latest status\"\n\n\u003cp align=center\u003e\nThis 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.\n\u003c/p\u003e\n\n## Requirements\n\n+ Qt Core, Qt Quick, Qt QML, Qt ShaderTool, Qt 5 Compatibility Module. (**Essential**)\n+ Qt LinguistTool (optional,for translations)\n+ Qt Svg (optional, however essential for Qt 5)\n\nUse [Qt Online Installers](https://download.qt.io/archive/online_installers/) to acquire the modules (**Recommended**) or compile them first before using the library.\n\n## ⚽ Get started\n\n+ Download the [pre-built release](https://github.com/zhuzichu520/FluentUI/releases). (Please specify your platform and compilers.)\n\n+ run `example` program.\n\nor\n\n+ Clone the repository.\n\n```bash\ngit clone --recursive https://github.com/zhuzichu520/FluentUI.git\n```\n\n+ Build\n\n```bash\ngit clone --recursive https://github.com/zhuzichu520/FluentUI.git\ncd FluentUI\nmkdir build\ncd build\ncmake -DCMAKE_PREFIX_PATH=\u003cYOUR_QT_SDK_DIR_PATH\u003e -DCMAKE_BUILD_TYPE=Release -GNinja \u003cPATH_TO_THE_REPOSITORY\u003e\ncmake --build . --config Release --target all --parallel\n```\n\n+ Use your IDE (`Qt Creator` or `CLion`) to open the project. (only **CMake** supported).\n\n\u003cdiv align=center\u003e\n  \u003cimg src=\"doc/preview/qt_creator_project.png\"\u003e\n\u003c/div\u003e\n\n+ Compile the project. Then try to execute the `example` demo program.\n\n+ Great! Now you are ready to write your first QML FluentUI program! Check the documentations for more details.\n\n## 📑 Documentations\n\n(Work in progress...🚀)\n\n## Supported components\n\n|       Catalog       |              Detail              |                    Notes / Demos                    |\n| :-----------------: | :------------------------------: | :-------------------------------------------------: |\n|       FluApp        | The initial entry of the program |                Router supported(SPA)                |\n|      FluWindow      |         Frameless Window         |             *This only works on windows             |\n|      FluAppBar      |  Title bar on top of the window  |  Drag, minimize, maximize and close are supported.  |\n|       FluText       |           Common text            |                                                     |\n|      FluButton      |          Common button           |      ![btn](doc/preview/demo_standardbtn.png)       |\n|   FluFilledButton   |          Filled button           |    ![filledbtn](doc/preview/demo_filledbtn.png)     |\n|    FluTextButton    |           Text button            |      ![textbtn](doc/preview/demo_textbtn.png)       |\n|   FluToggleButton   |          Toggle buttons          |    ![togglebtn](doc/preview/demo_toggle_btn.png)    |\n|       FluIcon       |           Common icon            |         ![icons](doc/preview/demo_icon.png)         |\n|   FluRadioButton    |           radio button           |     ![radiobtn](doc/preview/demo_radiobtn.png)      |\n|     FluTextBox      |      Single-line input box       |      ![textbox](doc/preview/demo_textbox.png)       |\n| FluMultiLineTextBox |      Multi-lines input area      | ![textarea](doc/preview/demo_multiline_textbox.png) |\n|   FluToggleSwitch   |          toggle switch           | ![toggleswitch](doc/preview/demo_toggle_switch.png) |\n\nView more [`here`](doc/md/all_components.md)!\n\n## Reference\n\n+ [**Windows design**: Design guidelines and toolkits of Microsoft.](https://learn.microsoft.com/en-us/windows/apps/design/)\n+ [**Microsoft/WinUI-Gallery**: Microsoft's demo](https://github.com/microsoft/WinUI-Gallery)\n\n## License\n\nThis FluentUI library currently licensed under [MIT License](./License)\n\n## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=zhuzichu520/FluentUI\u0026type=Date)](https://star-history.com/#zhuzichu520/FluentUI\u0026Date)\n\n## ⚡ Visitor count\n\n![Visitor count](https://profile-counter.glitch.me/zhuzichu520-FluentUI/count.svg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhuzichu520%2Ffluentui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhuzichu520%2Ffluentui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhuzichu520%2Ffluentui/lists"}