Production bottom bars and floating docks for app shells — distinct patterns with clear active states, labels, and safe-area padding.
Home
Classic edge-to-edge tab bar with icon and label.
Explore
Soft muted bar with a filled pill on the active tab.
Watch
Five tabs with a sliding primary indicator under the active item.
Home
Floating dock with a center primary action.
Tab bar with unread badges on Mail and Alerts.
Home
Frosted floating dock with a sliding active pill and labels.
Home
Bottom tabs with a raised center create button.
Discover
Compact pill dock — the active tab expands to show its label.
Projects
Full-width tabs with a top primary accent on the active item.
Home
Productivity dock with badges, compose action, and profile avatar.
Home
Blur chrome tab bar with filled active glyphs and always-on labels.
Explore
Morphing dock — the active tab blooms into a labeled droplet.
Home
Three primary tabs; everything else lives in a bottom overflow sheet.
Live
Live status capsule that morphs with the active tab.