Skip to content

☂️ Bring Material 3 Expressive to Flutter #168813

Description

@guidezpl

Update: July 29, 2025

Important

The material and cupertino libraries are being decoupled into standalone packages to accelerate feature development. All new work for Material 3 Expressive will happen in the new packages once established in flutter/packages.

Track the overall decoupling progress in our main issue: #101479


Update: June 10, 2025

[!IMPORTANT]
With the recent announcements for the next design iteration of iOS, we wanted to provide additional context to this decision and share a broader update on our strategy for design systems in Flutter.

Our original statement continues to hold: we are not actively developing Material 3 Expressive right now, and we will not be accepting contributions for these features at this time. The arrival of major updates for both Material and now Cupertino presents a significant (and exciting!) opportunity to apply past lessons and reconsider the long-term architecture for design system integration in Flutter.

To evaluate this, we have begun a broad investigation into our current approach. This includes exploring various architectural possibilities - for instance, we are re-evaluating the long-requested idea of moving the Material and Cupertino libraries out of the core framework.

This strategic pause gives us the space to ensure the long-term health and maintainability of Flutter's design libraries. We are committed to being transparent with our contributor community as we explore these options and will have more to share on our findings and future direction in the coming weeks. 💙


Update: May 14, 2025

[!IMPORTANT]
Currently, we are not actively developing Material 3 Expressive, and we will not be accepting contributions for Expressive features or updates at this time.

This decision is to ensure that if and when such features are adopted, they align with a consistent design pattern and a planned rollout, benefiting the overall quality and maintainability of Flutter's material library. We learned a lot from our migration to Material 3, and want to approach future updates with those lessons in mind.

We will revisit this as the project and our roadmap evolve, for now we want to communicate early and continue to maintain transparency with our contributor community. 💙


showcase image of mobile-based expressive designs

M3 Expressive is an expansion of the Material 3 design system (added to Flutter in #91605). It’s a set of new features, updated components, and design tactics for creating emotionally impactful UX. It was announced in May 2025. Learn more at Start building with Material 3 Expressive, and see Better, Easier, Emotional UX for the research behind it.

This is an umbrella issue for all potential work bringing Material 3 Expressive to Flutter, and which replicates the structure from Start building with Material 3 Expressive.

As of writing, this work is not planned, so if this interests you, please +1 and subscribe to this issue, respect issue hygiene, and consider offering to contribute on the hackers-framework Discord channel! :)

Expressive components

Fifteen new or updated components now feature more configuration capabilities, shape options, emphasized text, and other expressive updates.

Image

Expressive styles

  • Motion-physics system

new showcase for component motion

  • Visually emphasized typography

new emphasized typographic styles

  • Expanded shape library

35 new shapes

  • Vibrant color schemes

examples of vibrant color schemes

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilityc: new widgetMust also have "c: new feature". Request for a new widget.customer: 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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions