A Material Design 3 Filled Card Implementation

I am going to show you how to use the Surface and Ball packages to implement a Material Design 3 Filled Card. You do not have to wait until the Flutter SDK team implements a Filled Card.

What Are We Building

This is what we are building:

And even though I soft-forked Surface and Ball, it’s still the same API calls:

surface | Flutter Package

ball | Flutter Package

Now, for the implementation.

The Implementation