Tag
#navigation
Build a Mapbox 3D City Navigation UI in SwiftUI
Build a 3D city navigation UI in SwiftUI with Mapbox: extruded buildings, a pitched chase camera, and day and night styles, wrapped for SwiftUI and kept smooth.
visionOS Tab Bar Clone for iPad in SwiftUI: Worth It?
The visionOS tab bar is a floating glass ornament, and iPad can wear it. Here is the SwiftUI build: capsule, expansion, selection morph, and the honest cost.
WeChat mini program navigation in SwiftUI: the capsule
Recreate WeChat mini program navigation in SwiftUI: the floating top-right capsule, a flat five-tab bar, and minimal page navigation that still feels native.
Desktop-Class iPad Navigation with NavigationSplitView
Stop shipping a stretched iPhone app: NavigationSplitView's adaptive columns, selection-driven detail, and the keyboard and pointer support that make it pro.
Mac Catalyst Sidebar Navigation UI in React Native
Settle the route first: Catalyst is viable but least-supported. The sidebar is the Mac spine, and the real work is the menu bar, window, and keyboard.
Safari-Style Scroll-to-Hide Bottom Tab Bar in React Native
An auto-hiding tab bar maximizes content but cuts discoverability. Drive it on the UI thread with a scroll threshold, full snapping, and a reliable way back.
CarPlay Navigation Map Overlay in SwiftUI: Your Pixels
Build CarPlay navigation: the one template where you draw the map yourself, system maneuver overlays, the strict nav entitlement, and day-night duty.
Custom Bottom Tab Bar in React Native: The AI Prompt
Generate a custom bottom tab bar: when custom beats stock, the tabBar-prop seam, the prompt contract, and the accessibility floor custom must re-earn.
Expo Router: Deep Linking and Nested Layouts, the Guide
The Expo Router guide that outlives versions: file-based trees agents build well, nested layouts and groups, deep links for free, and the gotchas that bite.
AR Smart Glasses Route Navigation UI in SwiftUI: Honest Guide
Designing AR smart glasses route navigation in SwiftUI honestly: visionOS and ARKit today, world-anchored turns, glanceable cards, and a degradation ladder.
Mapbox Navigation in React Native: UI and AI Prompts
AI can scaffold a Mapbox map UI, but Mapbox needs native config and tokens, and won't run in Expo Go. Here is the real setup and how to prompt for the map UI.
React Native Deep Linking and the Unhandled URL UI
How to handle deep linking in React Native and Expo, with a graceful unhandled-URL fallback instead of a blank app when a link matches no route.
Flitsmeister Style Speed Camera Alert UI in SwiftUI
Build a Flitsmeister style community road-alert UI in SwiftUI from a free template. Map, proximity alerts, and crowd reports with Claude Code or Cursor.
iOS 18 Custom Tab Bar UI: Build It the Native Way
iOS changed the tab bar. Build a custom but native-feeling tab bar from a free VP0 design, keep it reachable and consistent, and do not break platform conventions.
Kotlin Multiplatform on iOS: Share Logic, Keep Native UI
KMP shares business logic, not UI. Build truly native SwiftUI navigation from a free VP0 design over your shared Kotlin code, so iOS feels like iOS.
Mapbox Driver GPS Route Template in React Native
Build a driver navigation UI with Mapbox in React Native: a route line, a maneuver banner, and live progress, from a free VP0 design.
Waze-Style Navigation UI in React Native (Learn the Pattern)
Build a turn-by-turn navigation UI like Waze in React Native: a full-screen map, a route, a maneuver banner, and community reports, from a free VP0 design.
Capacitor Custom Native Header UI on iOS (Free Guide)
A Capacitor app's web origin shows in the header. Make it native: respect the safe area, use iOS nav-bar conventions, and reference a free VP0 iOS design.
底部 Tabbar iOS 原生风格模板：最高频的导航
底部 Tabbar 是 iOS 最高频的导航，原生味在图标、选中态、安全区这些细节里。用 VP0 挑原生 Tabbar 设计喂给 AI 生成。
Expo Router v3 Boilerplates With UI (Take the Routing)
Expo Router gives file-based navigation. Take a boilerplate's routing skeleton, replace its placeholder screens, and build your own from a free VP0 design.
React Navigation Bottom Tabs iOS-Style Free Template
React Navigation के bottom tabs को iOS-style बनाना है? कम साफ़ tabs, साफ़ icon-label और साफ़ active state का structure सीखिए। VP0 से free design लेकर बनाइए।