Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn X

Top Flutter Design System packages

Last updated: May 18, 2026

A Design System is a collection of reusable components, typography, colors, and guidelines that ensure UI consistency across your entire app and brand.

Best Practices for Design Systems

  • ThemeData over Hardcoding: Never hardcode colors or text styles directly into widgets. Always define a comprehensive ThemeData object in your MaterialApp and reference it using Theme.of(context).
  • Custom Extensions: If Material Design constraints don't fit your brand, use ThemeExtension to inject your own custom color palettes and typography rules safely into the theme.
  • Widget Catalogs: Maintain a separate internal "Gallery" or "Storybook" screen during development to visually verify all design system components (buttons, cards, inputs) in isolation.

The complete list of Design System frameworks and UI consistency utilities for Flutter is provided below.


fluent_ui Card Image
fluent_ui
👍 3.2K   ⬇️ 15K
Dart 3 compatible
Maintenance Status: Good

Implements Microsoft's Windows User Interface in Flutter.

macos_ui Card Image
macos_ui
👍 1.05K   ⬇️ 27.4K
Dart 3 compatible
Maintenance Status: Good

Flutter widgets and themes implementing the current macOS design language.

mix Card Image
mix
👍 409   ⬇️ 22.4K
Dart 3 compatible
Maintenance Status: Good

An expressive way to effortlessly build design systems in Flutter.

cupertino_native Card Image
cupertino_native
👍 323   ⬇️ 2.2K
Dart 3 compatible
Maintenance Status: Good

Native Liquid Glass widgets for iOS and macOS with pixel-perfect fidelity.

yaru Card Image
yaru
👍 282   ⬇️ 25.2K
Dart 3 compatible
Maintenance Status: Good

Common flutter widgets useful for building desktop and web applications.

flutter95 Card Image
flutter95
👍 168   ⬇️ 117
Dart 3 compatible
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
👍 118   ⬇️ 26
Dart 3 compatible
Maintenance Status: Poor

Pre-built beautiful flutter widgets Inspired by material-tailwind and shadcn/ui

moon_design Card Image
moon_design
👍 99   ⬇️ 1.4K
Dart 3 compatible
Maintenance Status: Average

Moon Design System for Flutter. A set of coherent, themable, and extensible widgets following the Moon Design System.

ant_design_flutter
👍 90   ⬇️ 14
Dart 3 compatible
Maintenance Status: Poor

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

chicago Card Image
chicago
👍 88   ⬇️ 54
Dart 3 compatible
Maintenance Status: Average

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.

neubrutalism_ui
👍 81   ⬇️ 73
Dart 3 compatible
Maintenance Status: Poor

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.

hux Card Image
hux
👍 80   ⬇️ 854
Dart 3 compatible
Maintenance Status: Good

An open-source state of the art UI library for Flutter

orient_ui
👍 70   ⬇️ 62
Dart 3 compatible
Maintenance Status: Good

Theming and components for Flutter. Works with Material, Cupertino, or on its own.

sketchy_design_lang
👍 46   ⬇️ 32
Dart 3 compatible
Maintenance Status: Good

Sketchy is a hand-drawn, xkcd-inspired design language for Flutter on mobile, desktop, and web

optimus Card Image
optimus
👍 30   ⬇️ 99
Dart 3 compatible
Maintenance Status: Good

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

minilo_design_system
👍 1   ⬇️ 9
Dart 3 compatible
Maintenance Status: Good

Official Minilo Design System component library for Flutter.

elevarm_ui
👍 80   ⬇️ 341

Maintenance Status: Good

Elevarm design system for Flutter.

flutter_vant_kit
👍 48   ⬇️ 90

Maintenance Status: Poor

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

innovaccer_design_system
👍 29   ⬇️ 34

Maintenance Status: Poor

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

carbon_flutter
👍 27   ⬇️ 31

Maintenance Status: Poor

UI library that translates IBM's Carbon Design System into Flutter

adwaita
👍 20   ⬇️ 150

Maintenance Status: Poor

Adwaita style - The default theme for GTK+ for your Flutter app.

facio_design_system
👍 12   ⬇️ 382

Maintenance Status: Poor

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