Skip to content
native cook
Esc

Loading the catalog…

Hopping Dot Tab Bar


A white tab bar on a saturated blue screen whose indicator is a white dot resting in a notch of the bar's top edge, above the open tab. Choosing a tab makes the dot hop there on a parabola, low for a neighbour and well above the bar for the far jump, while the notch it left closes and a new one opens under it as it lands. Four line icons (home, messages, saved, profile) take the active colour and rise a little when chosen, and the page above, a title over placeholder cards, changes with the tab.

Category
Navigation
Added
Oct 13, 2026
Stacks
RN · Swift · Kotlin
Author
QClay ↗

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.