Skip to content
native cook
Esc

Loading the catalog…

Bubble Tab Bar


A white bottom tab bar on a dark screen whose active tab rises out of the bar as a round bubble, sitting in a bite cut from the bar's top edge. Changing tabs closes the bite, glides the bubble to the new tab with a slight overshoot and opens the bite under it again a moment later, so the bar behaves like a liquid; the icons cross-fade between the bar and the bubble, and the page above cross-fades its heading.

Category
Navigation
Added
Oct 14, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.