Tab Bar

Tabs with a shared layout animation that slides between them.

Most tab bars restyle each tab independently — the old one loses its highlight, the new one gains it. That creates a visual cut. I wanted the highlight to travel, so clicking a new tab sends the active pill sliding across. It's one shared element that glides between positions using layout animation, carrying the highlight along as the layout re-flows. The trick is there's no per-tab background — the active state is a single floating element that moves to wherever you point it.