Member-only story

A Design Awesome Material Design 3 Elevated Card

Fred Grott
2 min readMay 24, 2022

--

I know most of you have been awaiting the Material Design 3 elevated card to be in the Flutter SDK recent releases. Why wait for them? Let me show you how to implement one using the Surface package.

The Surface Package

So why use this Surface package in customizing widgets:

1. Has container onscreen load animation settings.

2. Has Base, Material, and Child layers to make custom UI elements of hybrid widgets and widgets.

3. Can shape the Base and Material layers.

4. Image filtering support.

5. Can peek Base layer for outline and shadows.

6. Has ink splash support.

And a video of the Elevated Card example:

--

--

Fred Grott
Fred Grott

No responses yet