Tap, type, toggle — feel the proposed micro-interactions live before we build them in Flutter. Each card is interactive; use Replay to re-run entrances.
Every tappable (row, card, pill) dips to 0.97 on press with a light haptic. Press and hold the items.
The active pill slides with a soft spring instead of snapping. Tap the tabs.
Picking a member springs a chip into the strip; removing it animates out. Tap rows / the ✕.
Type → GIF/camera fade out, mic morphs to send. Tap send → it pops and the message flies up.
Loading shows shimmer skeletons, then cross-fades to real rows (no hard pop-in).
On first load, rows fade + slide in one after another. Tap Replay.
Tap Join: it spins briefly, then a check pops in and it settles to “Joined”. Optimistic + satisfying.
Swipe/drag left-right between Chats & Channels; the indicator tracks your finger. (Scroll the strip.)
Tap the row — the avatar flies up into the chat header (shared-element transition). Tap back to reverse.
Tap + — the attachment sheet springs up and the options stagger in. Tap the scrim to dismiss.
Press & hold the bubble — a reaction row scales in above it. Tap an emoji to react.
These are the proposed Flutter behaviors — press-scale, spring tab slide, chip spring, mic⇄send, shimmer cross-fade, staggered entrance, optimistic Join. Plus auto-focus + cursor on every search entry (can't show in a static grid; it's "open search → keyboard up, ready to type"). Approve the feel and I'll build them.