Search Tab Bar: SwiftUI Search Tab Bar Pattern (Pro)

A floating tab bar with search set apart: tap it and the tabs fold away as it opens into a field over your recent searches.

Pro pattern · recorded from Pro

$npx swiftpieces add SearchTabBar

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.

ProPattern · Tab BarsiOS 17+Themed by Pro's design system

Type: SearchTabBar
Inside: Floating tab capsule, Search that opens in place, Recent searches, Your results view
Install, with a Pro license: npx swiftpieces add SearchTabBar
Depends on: Pro's Design System, which installs with it

The tabs sit in one floating capsule with the selected tab on a quiet pill, and a round search button stands beside it, the way iOS 26 apps place search. Tapping search folds the tabs into one round button showing the current tab and opens the button into a field with the keyboard up. The screen above shows recent searches, then your results as the query changes, and tapping the folded tab goes back.

Its SwiftUI source comes with SwiftPieces Pro: Search Tab Bar in the Pro library.

All patterns →

Tab Bars · ProNewPro

Action Tab Bar

A floating tab bar with a round create button set apart that opens quick actions over a scrim, with badges and tap again to scroll up.

Inside

Central create buttonQuick-create menuCreate button statesBadges and scroll to top

Tab Bars · ProNewPro

Accessory Tab Bar

A tab bar with a live accessory above it for what is playing or running, folding inline into the bar as the content scrolls.

Inside

Live accessory rowFolds on scrolliOS 26 and iOS 17Play and pause

Tab Bars · ProNewPro

Top Tabs

A scrolling strip of top tabs over swipeable pages, its indicator tracking the swipe and the strip keeping the selected tab in view.

Inside

Stretching indicatorSwipe between pagesTab countsFill or scroll

Search Tab BarNew

More patterns