Demos

Messenger

KakaoTalk

Tab axis + sheet profile + drill chat detail

axissheetdrillfadehero
Sourceapps/docs/src/demo/kakao-talk↗

Friends → Chats (axis)

axis idle

The bottom tabs slide sideways, and the tab bar stays put

Chats → More (axis)

axis idle

Tab order sets the direction, so coming back slides the other way

Chats → Chat room (drill)

drill idle

A room pushes in from the right over the chat list

Chats → Search (fade)

fade idle

Search swaps in place, from any of the three tabs

Friends → Profile (sheet)

sheet idle

The profile card rises while the friend list stays still

Friends → Add friend (sheet)

sheet idle

The header's add-friend button opens a sheet of suggestions

Chats → New chat (sheet)

sheet idle

The friend picker for a new chat rises over the list

More → My profile (sheet)

sheet idle

Your own profile card rises from the More tab

Chat room → Profile (sheet)

sheet idle

Tapping a sender's avatar lifts their profile over the room

Chat room → Photo (hero)

hero idle

The photo in the bubble grows into the full-screen viewer

Chat room → Drawer (drill)

drill idle

The ≡ button drills into the room's drawer of photos and members

Drawer → Photo (hero)

hero idle

A drawer thumbnail opens the same viewer and shrinks back into it