Skip to content

☂️ Bring Material 3 to Flutter #91605

Closed

Description

Image for: Description

Material 3, also known as "Material You", is the next generation of Material Design. The major changes include:

  • updates to many components (colors, text styles and shapes, etc.)
  • color system improvements
  • typography improvements
  • elevation refinements

This issue has tracked the progress and status of adding Material 3 support to the Flutter material library. That work is now complete.

As of Flutter 3.16, Material3 is the default

Image for: As of Flutter 3.16, Material3 is the default

Support for Material 2 will continue to be available for at least a year after Material 3 becomes the default. To opt-in to Material 2 use the useMaterial3 ThemeData flag in your app:

  return MaterialApp(
    theme: ThemeData(useMaterial3: false),
    // ...
  );

Note
See the API docs for [useMaterial3] for the comprehensive list of changes.

Updates available in Flutter 3.16:

Check out the updates to components, color, typography, and elevation in the Material 3 sample app.

Components

Image for: Components

The following components have been updated to Material 3 colors, text styles and shapes generated from the Material 3 token database:

Color

Image for: Color

Typography / Iconography

Image for: Typography / Iconography

Android features

Image for: Android features

Documentation / Dev experience

Image for: Documentation / Dev experience

Remaining work

Components

Image for: Components

Typography / Iconography

Image for: Typography / Iconography

iOS features

Image for: iOS features

Documentation / Dev experience

Image for: Documentation / Dev experience

Accessibility

Image for: Accessibility

Motion

Image for: Motion

Metadata

Image for: Metadata

Metadata

Image for: Metadata

Labels

P2Important issues not at the top of the work listc: proposalA detailed proposal for a change to Fluttercustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

Image for: Issue actions