Demos

Productivity

Material Mail

Material You inbox: sheet/scale compose, drill-in mail and z-axis search

sheetdrillaxisfade
Sourceapps/docs/src/demo/material-mail↗

Inbox → Meet (fade)

fade idle

Bottom-nav fade-through: only the page swaps, the nav stays put

Meet → Chat (fade)

fade idle

The New chat FAB belongs to the page, so it fades through with it

Chat → Spaces (fade)

fade idle

Sibling hubs trade places with the same M3 fade-through

Inbox → Mail (drill)

drill idle

The conversation pushes in over the inbox

Inbox → Search (axis z)

axis idle

Search surfaces along Material's shared z-axis

Inbox → Compose (sheet)

sheet idle

Compose modal scaling up from the FAB

Search → Mail (drill)

drill idle

A result drills into the conversation instead of reversing z

Mail → Reply (sheet)

sheet idle

Reply raises the same compose sheet over the conversation it quotes