{"id":13552088,"url":"https://github.com/bdlukaa/fluent_ui","last_synced_at":"2026-02-21T21:13:14.310Z","repository":{"id":37044746,"uuid":"322844330","full_name":"bdlukaa/fluent_ui","owner":"bdlukaa","description":"Implements Microsoft's WinUI3 in Flutter.","archived":false,"fork":false,"pushed_at":"2025-05-10T18:44:11.000Z","size":15563,"stargazers_count":3182,"open_issues_count":49,"forks_count":487,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-05-12T01:36:50.069Z","etag":null,"topics":["dart","fluent-design","fluent-ui","flutter","flutter-favorite","uwp","windows","winui","winui3"],"latest_commit_sha":null,"homepage":"https://bdlukaa.github.io/fluent_ui/","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bdlukaa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"patreon":"bdlukaa"}},"created_at":"2020-12-19T12:36:20.000Z","updated_at":"2025-05-11T13:34:04.000Z","dependencies_parsed_at":"2024-02-17T23:20:45.544Z","dependency_job_id":"b48416b9-c042-4425-b122-ee935879c5ff","html_url":"https://github.com/bdlukaa/fluent_ui","commit_stats":{"total_commits":1639,"total_committers":100,"mean_commits":16.39,"dds":0.6522269676632093,"last_synced_commit":"620b4703f2ffe3c41863c3fd935124e9d8ea3c5b"},"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bdlukaa%2Ffluent_ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bdlukaa%2Ffluent_ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bdlukaa%2Ffluent_ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bdlukaa%2Ffluent_ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bdlukaa","download_url":"https://codeload.github.com/bdlukaa/fluent_ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253969247,"owners_count":21992263,"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":["dart","fluent-design","fluent-ui","flutter","flutter-favorite","uwp","windows","winui","winui3"],"created_at":"2024-08-01T12:01:58.775Z","updated_at":"2026-02-21T21:13:14.305Z","avatar_url":"https://github.com/bdlukaa.png","language":"Dart","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003efluent_ui\u003c/h1\u003e\n  \u003cdiv\u003e\n    \u003ca title=\"pub.dev\" href=\"https://pub.dartlang.org/packages/fluent_ui\" \u003e\n      \u003cimg src=\"https://img.shields.io/pub/v/fluent_ui.svg?style=flat-square\u0026include_prereleases\u0026color=dc143c\" /\u003e\n    \u003c/a\u003e\n    \u003ca title=\"GitHub License\" href=\"https://github.com/bdlukaa/fluent_ui/blob/master/LICENSE\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/bdlukaa/fluent_ui?style=flat-square\u0026color=f12253\" /\u003e\n    \u003c/a\u003e\n    \u003ca title=\"Made with Windows Design\" href=\"https://github.com/bdlukaa/fluent_ui\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/fluent-design-blue?style=flat-square\u0026color=gray\u0026labelColor=0078D7\"\u003e\n    \u003c/a\u003e\n    \u003ca title=\"Web Example\" href=\"https://bdlukaa.github.io/fluent_ui\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/documentation---?style=flat-square\u0026color=e88d0c\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003ca title=\"Discord\" href=\"https://discord.gg/674gpDQUVq\"\u003e\n      \u003cimg src=\"https://img.shields.io/discord/809528329337962516?style=flat-square\u0026label=discord\u0026color=7289da\u0026logo=discord\u0026logoColor=white\" /\u003e\n    \u003c/a\u003e\n    \u003ca title=\"Patreon\" href=\"https://www.patreon.com/bdlukaa\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/sponsor-Patreon-FF424D?style=flat-square\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cbr/\u003e\n  \u003cp\u003e\n  Design beautiful native Windows apps using \u003ca href=\"https://flutter.dev\"\u003eFlutter\u003c/a\u003e\n  \u003c/p\u003e\n\n  \u003cp\u003e\n  Unofficial implementation of Windows UI for \u003ca href=\"https://flutter.dev\"\u003eFlutter\u003c/a\u003e. It's written based on the \u003ca href=\"https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/\"\u003eofficial documentation\u003c/a\u003e.\n  \u003c/p\u003e\n  \u003ch3\u003e\n  Read the \u003ca href=\"https://bdlukaa.github.io/fluent_ui/\"\u003edocumentation\u003c/a\u003e\n  \u003c/h3\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://bdlukaa.github.io/fluent_ui\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/bdlukaa/fluent_ui/master/images/example-showcase.png\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n### Content\n\n- [Motivation and maintenance](#motivation-and-maintenance)\n- [Installation](#installation)\n  - [Badge](#badge)\n  - [Accent color](#accent-color)\n- [Localization](#localization)\n- [Contribution](#contribution)\n  - [Contributing new localizations](#contributing-new-localizations)\n  - [Acknowledgements](#acknowledgements)\n\n## Motivation and maintenance\n\nSince Flutter has stable Windows support, it's necessary to have support to its UI guidelines to build apps with fidelity, the same way it has support for Material and Cupertino.\nSee [this](https://github.com/flutter/flutter/issues/46481) for more info on the offical fluent ui support\n\nSee also:\n\n- [Material UI for Flutter](https://flutter.dev/docs/development/ui/widgets/material)\n- [Cupertino UI for Flutter](https://flutter.dev/docs/development/ui/widgets/cupertino)\n- [MacOS UI for Flutter](https://github.com/GroovinChip/macos_ui)\n\n---\n\nThis is an open-source package, which means that anyone can contribute to it. However, I, [bdlukaa](https://github.com/bdlukaa), am the only one actively maintaining it, so it may take some time to review and merge pull requests. If you want to support the project, you can [become a patron](https://www.patreon.com/bdlukaa):\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca title=\"Patreon\" href=\"https://www.patreon.com/bdlukaa\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/sponsor-Patreon-FF424D?style=flat-square\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n## Installation\n\nAdd the package to your dependencies:\n\n```yaml\ndependencies:\n  fluent_ui: ^4.4.0\n```\n\n\u003cp align=\"center\"\u003eOR\u003c/p\u003e\n\n```yaml\ndependencies:\n  fluent_ui:\n    git: https://github.com/bdlukaa/fluent_ui.git\n```\n\nFinally, run `dart pub get` to download the package.\n\nProjects using this library should use the stable channel of Flutter\n\n### Badge\n\nAre you using this library on your app? You can use a badge to tell others:\n\n\u003ca title=\"Made with Windows Design\" href=\"https://github.com/bdlukaa/fluent_ui\"\u003e\n  \u003cimg\n    src=\"https://img.shields.io/badge/fluent-design-blue?style=flat-square\u0026color=gray\u0026labelColor=0078D7\"\n  \u003e\n\u003c/a\u003e\n\nAdd the following code to your `README.md` or to your website:\n\n```html\n\u003ca title=\"Made with Windows Design\" href=\"https://github.com/bdlukaa/fluent_ui\"\u003e\n  \u003cimg\n    src=\"https://img.shields.io/badge/fluent-design-blue?style=flat-square\u0026color=gray\u0026labelColor=0078D7\"\n  /\u003e\n\u003c/a\u003e\n```\n\n---\n\n### Accent color\n\nCommon controls use an accent color to convey state information. [Learn more](https://docs.microsoft.com/en-us/windows/uwp/design/style/color#accent-color).\n\nBy default, the accent color is `Colors.blue`. However, you can also customize your app's accent color to reflect your brand:\n\n```dart\nFluentThemeData(\n  accentColor: Colors.blue,\n)\n```\n\nTo use the system's accent color, you can use the plugin [system_theme](https://pub.dev/packages/system_theme) made by me :). It has support for (as of 21/01/2023) Android, Web, MacOS, Windows, Xbox and Linux (GTK 3+).\n\n```dart\nimport 'package:system_theme/system_theme.dart';\n\nFluentThemeData(\n  accentColor: SystemTheme.accentColor.accent.toAccentColor(),\n)\n```\n\n## Localization\n\nFluentUI widgets currently supports out-of-the-box an wide number of languages, including:\n\n- Arabic (@dmakwt)\n- Bahasa Indonesia (@ekasetiawans)\n- Belarusian (@superkeka)\n- Czech (@morning4coffe-dev)\n- Croatian (@ZeroMolecule)\n- Dutch (@h3x4d3c1m4l)\n- English\n- French (@WinXaito)\n- German (@larsb24)\n- Greek (@pana-g)\n- Hebrew (@yehudakremer)\n- Hindi (@alexmercerind)\n- Hungarian (@RedyAu)\n- Italian (@patricknicolosi)\n- Japanese (@chari8)\n- Korean (@dubh3)\n- Malay (@jonsaw)\n- Nepali (@larence-cres)\n- Persian (@xmine64)\n- Polish (@madik7)\n- Portuguese (@bdlukaa)\n- Romanian (@antoniocranga)\n- Russian (@raitonoberu)\n- Simplified Chinese (@zacksleo, @rk0cc)\n- Tagalog (@Yivan000)\n- Tamil (@sarankumar-ns)\n- Traditional Chinese (@zacksleo, @rk0cc)\n- Thai (@lines-of-codes)\n- Turkish (@timurturbil)\n- Spanish (@henry2man)\n- Ukranian (@vadimbarda)\n- Urdu (@sherazahmad720)\n- Uzbek (@bobobekturdiyev)\n\nIf a language is not supported, your app may crash. You can [add support for a new language](#contributing-new-localizations) or use a supported language. [Learn more](https://github.com/bdlukaa/fluent_ui/issues/371)\n\n## Contribution\n\nFeel free to [file an issue](https://github.com/bdlukaa/fluent_ui/issues/new) if you find a problem or [make pull requests](https://github.com/bdlukaa/fluent_ui/pulls).\n\nAll contributions are welcome :)\n\n### Contributing new localizations\n\nIn [PR#216](https://github.com/bdlukaa/fluent_ui/pull/216) we added support for new localizations in FluentUI Widgets.\n\nIf you want to contribute adding new localizations please follow this steps:\n\n- [Fork the repo](https://github.com/bdlukaa/fluent_ui/fork)\n- Copy `lib/l10n/intl_en.arb` file into `lib/l10n` folder with a new language code, following [this list of ISO 859-1 codes](https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes)\n- Update the contents in the newly created file. Specially, please update the `@locale` value with the corresponding ISO code.\n- Run your project and code generation will take place or run command `flutter gen-l10n`\n- When you're done, [make a new pull request](https://github.com/bdlukaa/fluent_ui/pulls)\n\nMore about [Localization in the Flutter Official Documentation](https://docs.flutter.dev/development/accessibility-and-localization/internationalization)\n\n### Acknowledgements\n\nIrrespective of order, thanks to all the people below for contributing with the project. It means a lot to me :)\n\n- [@HrX03](https://github.com/HrX03) for the `Acrylic`, `FluentIcons` generator and `_FluentTextSelectionControls` implementation.\n- [@raitonubero](https://github.com/raitonoberu) `ProgressBar` and `ProgressRing` implementation\n- [@alexmercerind](https://github.com/alexmercerind) for the [flutter_acrylic](https://github.com/alexmercerind/flutter_acrylic) plugin, used on the example app\n- [@leanflutter](https://github.com/leanflutter) for the [window_manager](https://github.com/leanflutter/window_manager) plugin, used on the example app.\n- [@henry2man](https://github.com/henry2man) for the [localization support](https://github.com/bdlukaa/fluent_ui/pull/216)\n- [@klondikedragon](https://github.com/klondikedragon) for [`CommandBar` implementation](https://github.com/bdlukaa/fluent_ui/pull/232)\n","funding_links":["https://patreon.com/bdlukaa","https://www.patreon.com/bdlukaa"],"categories":["Dart","实用工具","工具集","Packages","Utilities","20. 桌面/嵌入式开发（跨平台扩展）"],"sub_categories":["桌面应用","桌面端","Desktop","应用内购买"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbdlukaa%2Ffluent_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbdlukaa%2Ffluent_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbdlukaa%2Ffluent_ui/lists"}