Flutter Gems

Browse 4900+ useful Dart & Flutter packages that are neatly categorized!

Subscribe Medium LinkedIn Twitter

Top Flutter Design System packages

Last updated: February 1, 2023

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 Card Image
fluent_ui
Null safety 👍 1.9K

Implements Windows UI in Flutter. Based on the official documentation

macos_ui Card Image
macos_ui
Null safety 👍 511

Flutter widgets and themes implementing the current macOS design language.

flutter95 Card Image
flutter95
Null safety 👍 124

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.

desktop Card Image
desktop
Null safety 👍 109

Flutter design standard for desktop. Just simple, usable wigdets to create apps. See the galery for examples of the components used.

yaru Card Image
yaru
Null safety 👍 100

Ubuntu Yaru Style - Distinct look and feel of the Ubuntu Desktop

mix Card Image
mix
Null safety 👍 78

An expressive way to effortlessly build design systems in Flutter.

chicago Card Image
chicago
Null safety 👍 64

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.

flutter_vant_kit
Null safety 👍 45

A vant-style flutter UI library.You can use this library to quickly build your application.

ant_design_flutter Card Image
ant_design_flutter
Null safety 👍 38

A Flutter UI framework designed for web / pc application, contains some high quality widgets.

google_ui Card Image
google_ui
Null safety 👍 31

Google UI is an open-source UI library for developing cross-platform apps using Flutter with "Material Design 2.0"

innovaccer_design_system
Null safety 👍 28

A package that contains the core UI components as per the Innovaccer design system.

optimus Card Image
optimus
Null safety 👍 13

Optimus is a design system for mobile platforms (and web in future) used internally in Mews.

facio_design_system Card Image
facio_design_system
Null safety 👍 9

Facio Design System style tokens and UI components for Facio applications built on Flutter.