Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Design System packages
Last updated: November 15, 2024
A Design System is a set of rules or guidelines for designing user interfaces. It can be used to create a consistent look and feel across multiple devices and platforms. A design system can also help to streamline the development process by providing a reusable set of UI elements and patterns.
There are many design systems available to help designers create user interfaces. Some popular design systems are Material Design, Microsoft Fluent Design System and Atlassian Design System. Each design system has its own strengths and weaknesses, so it's important to choose the one that's right for your project.
Flutter comes prepackaged with Material Design implementation. But, you can use the below mentioned packages to use other Design Systems (like Fluent UI, MacOS UI, etc.) for your Flutter apps.
fluent_ui
Dart 3 compatible 👍 2.88K
Maintenance Status: Good
Implements Windows UI in Flutter. Based on the official documentation
macos_ui
Dart 3 compatible 👍 891
Maintenance Status: Good
Flutter widgets and themes implementing the current macOS design language.
mix
Dart 3 compatible 👍 290
Maintenance Status: Good
An expressive way to effortlessly build design systems in Flutter.
yaru
Dart 3 compatible 👍 188
Maintenance Status: Good
Common flutter widgets useful for building desktop and web applications.
flutter95
Dart 3 compatible 👍 152
Maintenance Status: Good
Windows95 UI components for Flutter apps. Bring back the nostalgic look and feel of old operating systems with this set of UI components ready to use.
modular_ui
Dart 3 compatible 👍 103
Maintenance Status: Good
Pre-built beautiful flutter widgets Inspired by material-tailwind and shadcn/ui
chicago
Dart 3 compatible 👍 84
Maintenance Status: Good
The Chicago widget set is an alternate design language for Flutter designed for desktop (keyboard and mouse) form factors. It is based on Apache Pivot.
elevarm_ui
Dart 3 compatible 👍 60
Maintenance Status: Good
Elevarm design system for Flutter.
moon_design
Dart 3 compatible 👍 55
Maintenance Status: Good
Moon Design System for Flutter. A set of coherent, themable, and extensible widgets following the Moon Design System.
optimus
Dart 3 compatible 👍 27
Maintenance Status: Good
Optimus is a design system for mobile platforms (and web in future) used internally in Mews.
neubrutalism_ui
Dart 3 compatible 👍 58
Maintenance Status: Average
A Flutter package that provides a set of Neubrutalism-style UI components that you can use to build beautiful and functional user interfaces for your apps.
ant_design_flutter
Dart 3 compatible 👍 86
Maintenance Status: Poor
A Flutter UI framework designed for web / pc application, contains some high quality widgets.
innovaccer_design_system
👍 28
Maintenance Status: Average
A package that contains the core UI components as per the Innovaccer design system.
flutter_vant_kit
👍 48
Maintenance Status: Poor
A vant-style flutter UI library.You can use this library to quickly build your application.
carbon_flutter
👍 26
Maintenance Status: Poor
UI library that translates IBM's Carbon Design System into Flutter
facio_design_system
👍 12
Maintenance Status: Poor
Facio Design System style tokens and UI components for Facio applications built on Flutter.