• Designs
  • MCP
  • Pricing

SwiftUI designs with the code. Copy them, download them, or build with them in Claude, ChatGPT and Cursor.

Swifolio

  • Designs
  • MCP
  • Pricing

Categories

  • Effects & Animations
  • Buttons & Controls
  • Cards & Carousels
  • Tab Bars & Navigation
  • Scroll Lists & Grids
  • Onboarding & Auth

Account

  • Sign in
  • Saved designs
  • API keys
© 2026 Swifolio. Designs inspired by other apps are original code, not affiliated with or endorsed by those apps' owners.llms.txtBack to top ↑
All designs

Tab Bars & Navigation

Scrollable Tab View

  • iOS 18+

Preview

About

Pill tab bar where the highlight follows your finger as you swipe between pages. Good for Chats, Calls, Settings.

Requires
iOS 18+
APIs
GeometryReader, Liquid Glass
Tags
scrollable, tab, view, segmented, bar, with, paging, navigation, glass, gradient, minimal, swipe, tap, scroll-linked, the, top-level, section, switcher, messaging, social, inbox, app

Code

The code for this design comes with Swifolio Pro

$9.99/mo or $99/yr unlocks every design's source, .zip downloads and the MCP for Claude, ChatGPT and Cursor.

Get Pro

More like this

Instagram-Style Feed-to-Camera Swipe

Instagram-Style Feed-to-Camera Swipe
Tab Bars & Navigation

Photos-Style Tab Bar

Photos-Style Tab Bar
Tab Bars & Navigation

Instagram-Style Minimizable Tab Bar

Instagram-Style Minimizable Tab Bar
Tab Bars & Navigation