Demos

Social

Instagram

Zoom into posts + sheet stories and create + slide between tabs

zoomslidesheetdrill
Sourceapps/docs/src/demo/instagram↗

Grid → Reels tab (slide)

slide idle

Profile tabs slide in tab order; the header stays put

Grid → Post (zoom static)

zoom idle

The tapped thumbnail expands into the post

Explore → Post (zoom static)

zoom idle

Explore tiles open the same way and fold back on Back

Reels tab → Reel (zoom expand)

zoom idle

The 9:16 tile grows into the full-screen reel

Home → Story (sheet)

sheet idle

A story-tray ring slides the story up over the feed

Highlight → Story (sheet)

sheet idle

A highlight circle slides its story up over the profile

Profile → Followers (drill)

drill idle

The follower count pushes the list in from the right

Profile → New post (sheet)

sheet idle

The create flow slides up over the profile

Post → Comments (sheet)

sheet idle

Comments rise over the post and slide back down

Post → Story (sheet)

sheet idle

The author's ring on a post slides their story up