A screenshot from the Shrine design implemented using Flutter & Material Components

Official Flutter support for Material Components

One of Flutter’s core tenets is best-in-class support for creating expressive and flexible mobile UI. To support this goal, we are delighted to announce that Material has now adopted Flutter as a first-class platform! Flutter is included in design and engineering discussions, documentation, official support, content from Google Design, and education along with Android, iOS, and web. Material has even started a dedicated Flutter engineering team that works hand-in-hand with Flutter’s Material library engineers. This partnership will allow Flutter to stay even more current as Material Design continues to evolve and add features like Material Theming. You can find more information at material.io/develop/flutter.

Using Material Theming and Material Components in Flutter

Just in time for I/O, Flutter’s Material Components library has been updated to support dozens of new features, styles, and components from the updated Material system. These are available in Flutter beta 3, and are built right into the Flutter framework with no additional libraries needed! We have also worked on adding more examples of how to use these widgets in the Flutter Gallery:

A selection of Material Components from the Flutter Gallery

Learning more

For a quick introduction to Material Theming with Flutter, check-out our Google I/O session:

Lastly, we are happy to announce four new codelabs that teach core concepts required to create beautiful and flexible user interfaces with Flutter and Material Components:

Next steps

Flutter will continue to release features in partnership with Material. Learn more about the Material Components release schedule in the Material Components Roadmap on GitHub. We look forward to seeing what creative designs you all create using Flutter and Material Theming!