Logo of UI Challenges
Sign in
Wireframe example for Swipeable Tab Labels
An example interpretation of the prompt
Icon of target

Swipeable Tab Labels

Icon of book open

Design a mobile top tab bar where the labels themselves can be swiped horizontally to reveal more categories. This is not a page of content; the tab strip is the product. The screen should make the swipe affordance obvious without stealing attention from the active tab.

Treat the bar like a compact navigation rail at the top of the app. Visible labels should show there are more options offscreen, and the active tab needs to stay anchored while the row moves under the finger.

Think about what the user sees before and during the swipe: partial labels at the edges, a clear selected state, and enough spacing that the row feels draggable rather than clipped. The interaction should read as navigation, not a carousel.

The interesting part is balancing discoverability with density. The design has to fit many categories into a small mobile header while still making the current location easy to read and tap.

Icon of book open

Use a subtle edge fade or clipped label preview so offscreen tabs feel reachable without adding arrows or extra chrome.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.