Browse free designs

Maps, Location, Mobility & Delivery UI

This hub covers map and location-driven iOS apps: live tracking, delivery and ride-hailing flows, clustering, and mobility UX with MapKit or Mapbox. Build the map screens and bottom-sheet flows from a free VP0 design, and keep live data honest, a stale dot or fake ETA breaks trust fast.

What this hub covers

Guides in this hub (24)

Train delay live tracking timeline UI in React Native
Build a live train delay tracking timeline in React Native with Reanimated and react-native-maps. Here is the timeline, the live data handling, and the map.
Build an Uber-Style Route Line on a Map in React Native
An Uber-style routing line is a road-following polyline from pickup to destination, not a straight line. Here is how to build it on the map in React Native.
Flight Radar Live Plane Map Overlay in React Native
ADS-B feeds, dead reckoning between updates, and planes as symbol layers instead of React views: the live flight map that survives 400 moving markers.
Live-Tracking Map Marker Animation in React Native
The feed is a heartbeat; the animation makes it continuous. Interpolate between updates, rotate to bearing, keep the marker off React state, and keep the ETA honest.
ATT Prompt Rejected by Apple: The Four Fixes That Work
Fix ATT rejections: SDKs tracking before consent, pressuring pre-prompts, generic purpose strings, and privacy labels that contradict the binary.
ChatGPT Prompt to Build an Entire Uber Clone: The Truth
Why the one-prompt Uber clone is a myth, and the staged prompt architecture that actually works: rider, driver, trip state machine, realtime, payments.
Letting AI Do the Entire Firebase Integration: Almost
What AI agents do well in a Firebase integration and the three human gates: security rules, data modeling for queries, and the read-cost surfaces agents ignore.
Background GPS Location Tracking on iOS: AI Boilerplate
AI can scaffold background location tracking, but permissions, battery, and App Review are the hard parts. Here is the prompt and the boilerplate that ships.
Claude AI Token Limits in React Native Projects: Fixes
Why Claude hits token limits in React Native projects and the fixes that hold: compact design context, file structure for retrieval, and session discipline.
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.
CoreBluetooth Swift Templates for Vibe Coding: BLE Done Right
Why AI-generated CoreBluetooth fails and the template that fixes it: a connection state machine, contract-first prompts, buffered data, and real-hardware debugging.
iOS Address Autocomplete: Google Places or Free MapKit
How to build an address autocomplete UI for iOS with the Google Places API, plus MKLocalSearchCompleter, the free native alternative built into MapKit.
Apple Health Pedometer Clone UI in SwiftUI, Free
Build an Apple Health style pedometer clone in SwiftUI from a free template. Rings, step count, and trends with Claude Code or Cursor, powered by HealthKit.
iOS Maps and Core Location Setup: The Config That Matters
Setting up MapKit and Core Location on iOS? The config is small but exact: Info.plist usage keys, authorization, and MapKit for SwiftUI. Here is the free template.
Dog Walking GPS Tracker Map UI in SwiftUI
A free MapKit pattern for a live dog-walking GPS tracker: draw the route, share the walk, and respect battery and privacy. Learn the pattern, never clone the brand.
Fix Sign in with Apple Rejections: A Config Checklist
AI app rejected over Sign in with Apple? Run this native login config checklist: capability, scopes, equal prominence, and the rules that clear review.
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.
Maritime Fleet Tracking Map UI in React Native
Build a vessel fleet tracking map in React Native: ship positions, headings, and status on a marine map, from a free VP0 design. Honest data freshness.
Public Transit Router UI in React Native (Learn the Pattern)
Build a public transit router UI like Moovit in React Native: route options, steps with lines and transfers, and live times, from a free VP0 design.
Parking Spot Finder Live Map UI in SwiftUI
Build a live parking finder in SwiftUI: a map of nearby spots with availability and price, plus navigation, from a free VP0 design. Honest live data, never stale.
React Native Maps Not Loading on iOS: Fix the Blank Map
A blank or grey React Native map on iOS is almost always one of four causes. Here is the step-by-step fix plus an AI prompt that builds the map screen correctly.
Strava-Style GPS Activity Tracker for iOS (Learn the Pattern)
Build a GPS activity tracker like Strava for iOS: live route on a map, pace and distance, and a saved activity, from a free VP0 design. Battery-aware.
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.
Map Clustering UI for a Real-Estate App (Learn the Pattern)
Build a Zillow-style map with clustering in React Native: hundreds of listings grouped into clusters that split as you zoom, from a free VP0 design.

Related topic hubs

React Native & Expo: Mobile Frontend ArchitectureNative Apple & SwiftUI: The iOS EcosystemFree iOS Templates, UI Kits & ComponentsVibe Coding: iOS App Template StrategyNative Hardware, Sensors & Device FeaturesWeb3, Telegram Mini-Apps & Crypto UIAI App Builders & Vibe Coding ToolsApp Store Publishing, Build Errors & DeploymentB2B, Enterprise, Healthcare & Industry AppsCompliance, Localization & AccessibilityPayments, Monetization & Regional FintechBackend, Auth & Data IntegrationsUI Animations, Gamification & MicrointeractionsAI/ML Product Templates & Agentic UXAI App Builders: Pricing, Code Ownership & ShippingFramework & Component Library AuthorityCore AI UI Component AuthorityAI UI & Component Tool Alternatives and ComparisonsEnterprise SaaS & Compliance UIAI IDE & MCP IntegrationsBackend-Connected UI SystemsMobile App UI & Super-App TemplatesDesign-to-Code & No-Code MigrationAdvanced Interaction & Spatial UIAI Agent & Local AI InterfacesProgrammatic SEO & Conversion ComponentsThe Vibe Coding Operating System

New here? Start with the VP0 Journal, or browse free iOS components. VP0 is the free iOS design library for AI builders, copy a design and your AI tool rebuilds it in SwiftUI or React Native.