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:

--

--

--

Flutter Cross Platform Mobile App Design https://keybase.io/fredgrott

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Creating complete Infrastructure on AWS — with EC2, S3 & Cloud Front using Terraform.

Hackster’s Handpicked Projects of the Week

A Recipe for Offline Support in React Apollo

What Makes a Good Web Development Company

Anthos Blog Series (Part 1) — Anthos Service Mesh

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Fred Grott

Fred Grott

Flutter Cross Platform Mobile App Design https://keybase.io/fredgrott

More from Medium

Flutter — the Good, the Bad and the Ugly (Part 2)

Opening links within our flutter app

Briefly Explanied — How Flutter framework optimizes widget rendering?

Flutter, add an undo feature