1023
In this bottom navigation bar interaction, switching tabs triggers a fluid transition where the active tab indicator, a rounded pill containing both the icon and text, morphs and slides horizontally to the new selection. As the active state moves, the text label of the previous tab fades out and collapses, while the new tab's label expands and fades in. The transition is driven by a spring-like physics curve, giving the sliding pill a subtle elastic stretch and overshoot. The main content area simultaneously slides horizontally to match the selected tab.









