Motion

Button Group

The first button held, then the last: the pressed one swells by the group's expansion width and its neighbours yield it back.

Edge Button

Media Podcast Control Buttons

Seek back, play/pause, seek forward pressed in turn: the pressed button swells and its neighbours yield, the middle button re-morphs on any press, and pausing resolves its scallop to a circle — all over a progress ring that never stops moving.

One Handed Gesture Click Indicator

The label fades out, the double-pinch glyph springs in and plays, and the label comes back — the button keeps its shape throughout.

One Handed Gesture Scroll Indicator

The scroll rail takes its gesture colours, grows a glyph, and jiggles down and back to show which way a pinch would move the list.

One Handed Gesture Page Indicator Horizontal

A pill grows above the page dots, plays the pinch glyph, and collapses back into the row.

Placeholder Button

Placeholder Icon Button

Placeholder Card

Circular Progress Indicator

Pager Horizontal

Paged forward and back: the leaving page scales down under a scrim, the arriving one grows in, and the dots move with them.

Pager Vertical

The same paging vertically, with the dots riding the right bezel as the pages scale past each other.

Switch Button

Flipped on, off and on again: the thumb rides a spring that does not settle the same way in both directions.

Icon Toggle Button

Held, then released, three times: `animatedShapes()` morphs through a pressed shape on the way between the unchecked and checked corner radii.

Swipe To Reveal Card

Fading Expanding Label

One line, then three, then back: the button's height springs to the new text while each arriving line fades in under the wipe.

Animated Text

The numeral thickens along the font's weight axis and grows from 30sp to 48sp, then plays back down again.