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

MapKit and clustering
Live tracking
Delivery and ride-hailing
Mobility and scooters
Location UX and privacy

Guides in this hub (13)

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 Architecture Native Apple & SwiftUI: The iOS Ecosystem Free iOS Templates, UI Kits & Components Vibe Coding: iOS App Template Strategy Native Hardware, Sensors & Device Features Web3, Telegram Mini-Apps & Crypto UI AI App Builders & Vibe Coding Tools App Store Publishing, Build Errors & Deployment B2B, Enterprise, Healthcare & Industry Apps Compliance, Localization & Accessibility Payments, Monetization & Regional Fintech Backend, Auth & Data Integrations UI Animations, Gamification & Microinteractions AI/ML Product Templates & Agentic UX

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.