Tab bar · the chosen tab opens its label

A floating tab bar where only the chosen tab says what it is: its white pill slides over, stretches to fit 'Trips' or 'Profile', and the label fades in beside the icon, while the other tabs shuffle to make room and stay icons. The photo above crossfades to the section's own picture.

What it is

A bottom navigation bar that keeps things calm by naming only the section you are in, with the highlight gliding and stretching to it as you move between tabs.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 12 集「8 个让 App 和小程序变高级的组件交互」 · 04 底部导航展开文字 Tabs