Bottom tab bar · Apple
A mobile bottom navigation bar with icons, labels, count and dot badges, a travelling selected indicator and safe-area padding.
Design · Apple2 / 20
iOS tab bar: blurred hairline-topped bar, 26 px icons, 10 px labels, filled accent glyph and a red count badge.
Motion
The selected icon springs up from a smaller size with a small overshoot.
Accent
A mobile bottom navigation bar with icons, labels, count and dot badges, a travelling selected indicator and safe-area padding.
navigationmobiletab barbottom navigationbadgesapp