Member-only story

Touchables, A Material Design 3 Way To Animate Widgets

Fred Grott
2 min readMay 22, 2022

--

Why not have a new design tool that evokes the Material Design 3 way of looking at animating widgets? There is a way of animating things you have not yet envisioned, that fits in the Material Design 3 vision. Let me show you a Material Design 3 way of animating widgets.

The Demo

This is what I am talking about:

As you can see, I am treating the screen as a way to show feedback of user interactions. Let me show you why, here is the Material container class code:

Notice that we have these types of Material containers in Flutter:

-Canvas, default theme canvas color

-Card, rounded edges, card color

-Circle, i.e. the FABs

--

--

Fred Grott
Fred Grott

No responses yet