A mobile tab bar has one job most desktop nav doesn't: it has to say "you are here" in a strip barely tall enough for an icon. Tab Bar answers with motion instead of more chrome — a blob that travels, an icon that pops, and a label that only shows up where it's needed.

The bar is a single rounded <nav> holding N <button> tabs. Every tab always shows its icon; only the active one renders the blob underneath it and reveals its label — labelsOnActiveOnly (default true) is what keeps the inactive tabs icon-only so the row stays tight enough for four or five destinations:

Like every other shared-highlight pattern in the system, there's exactly one blob element, bound by a layoutId. Switching the active tab doesn't swap a class on the old and new tab — framer sees the same layoutId land in a new box and springs it there:

520/32 is the fast, barely-overshooting spring — a bottom nav gets tapped in quick succession, so the blob needs to keep up without ever feeling like it's still catching up from the last tap.

The instant a tab becomes active, its icon runs a scale: [1, 1.18, 1] keyframe — a tap-confirmation pop, not a hover effect, since bottom navs are touch surfaces first. The label reveal is honestly a layout animation: motion.span with layout animates width: 0 → auto so the text doesn't just snap into existence:

Animating width breaks the compositor-only rule the rest of Myndui's motion holds to — but it's the one place that trade is worth making: it happens on at most one tab at a time, only on an explicit tap, and layout lets framer FLIP the width change into a transform under the hood rather than thrashing layout every frame.

safeArea adds pb-[max(0.375rem,env(safe-area-inset-bottom))] — enough bottom padding to clear a home indicator on notched phones without adding dead space on devices that don't have one. It's opt-in because a tab bar docked inside a larger shell (a card, a modal) usually shouldn't reserve that space at all.

One blob, one pop, one label that shows up exactly where it's active — the whole bar fits in the space of four icons and still tells you where you are.