SwiftUI navigation components
A floating tab bar dock, paging tabs with a tracking indicator, and a stretchy parallax header for your own ScrollView and NavigationStack.
About these pieces
One self-contained Swift file each, Apple frameworks only, from iOS 17.
Floating Dock is a custom tab bar on a solid surface: the selected item becomes a block with its label, a drag across the dock lifts each item with a name bubble, badges count in a pill, and the dock tucks away on scroll. Tracking Tabs sit over a paging ScrollView and move their indicator with fractional scroll progress, so it follows your finger rather than jumping.
Stretch Header is a hero header for your own ScrollView and NavigationStack: it stretches on overscroll, shrinks its title toward the real navigation bar, and pins a stat row under the bar as a solid bar fades in.
Learn the technique: SwiftUI animations guide.
Questions
How the pieces work, and how to build the same thing yourself. Every piece's page has its full notes.
How do I make a custom tab bar in SwiftUI?
Hide the system tab bar or drive your own selection state, then overlay a bar at the bottom safe area. Floating Dock is a complete custom tab bar with selection, badges, drag-to-select and hide on scroll.
How do I make a stretchy header in SwiftUI?
Read the scroll offset of the header with onGeometryChange or a GeometryReader, grow its height and scale on negative offsets, and offset it to stay pinned. Stretch Header does this and hands the title off to the navigation bar.
Keep browsing
Nearby collections, then every category in the library.
- Liquid GlassCorrect iOS 26 Liquid Glass with Material fallbacks.3
- ListsRows and carousels with swipe, depth and completion physics.5
- SheetsToasts, confirmations and permission moments.3
- TextType that reveals, expands and renders as glass.3
- BackgroundsQuiet atmospheres: a Metal silk shader and a touch-reactive dot grid.2
- Buttons and controlsButtons and dials with press depth, hold, drag and outcome states.5
- Inputs and formsTracks, steppers, rails and fields built for the thumb.9
- CardsCards with depth, motion, parallax and gesture-driven stacks.4
- FeedbackReactions, ratings, status morphs, skeletons and outcomes.5
- MotionGesture modifiers with real physics.1
- Data and chartsScrubbable charts, rings, live stats and odometers.4
- AIStreaming replies, thinking states, prompt chips and code.6
- MediaPhoto viewing and story playback.2
- AnimationsSprings, gesture physics, transitions and morphs, across every category.16
- HapticsPieces that tick, tap and confirm at the moment that matters.19
Ready to build something better?
55 pieces, one file each, yours to keep. Start with the library or see what the whole app looks like.