Tag
#maps
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.
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.
Wildfire tracker map overlay UI in React Native
Build a wildfire tracker map overlay in React Native with react-native-maps and NASA FIRMS data: hotspots, perimeters, clustering, and honest safety framing.
Yandex Go style taxi booking UI in SwiftUI: the full flow
Build a Yandex Go style taxi booking UI in SwiftUI: a MapKit map, tariff cards, a booking state machine, and payments routed safely through a certified provider.
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.
Build a Strava 3D Flyover Map Summary in React Native
A Strava 3D flyover replays your route as an animated camera over a tilted map. Here is how to build the flyover map summary in React Native with Mapbox.
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.
Golf GPS Rangefinder Map UI in SwiftUI: The Real Build
Three numbers in sunlight-grade type, course data as the moat, and a competition mode the rules actually require: the golf GPS app golfers keep.
Hivemapper Dashcam Connect UI in React Native
A hardware-companion app: connect to the dashcam, surface honest capture and upload states, and show coverage plus earnings without the get-rich hype.
Kakao Map API Custom Marker UI in SwiftUI
Korea uses Kakao Map, not Apple Maps: bridge the UIKit SDK with UIViewRepresentable, render markers that carry meaning, and cluster at scale.
Lime Scooter QR Unlock Scanner UI in SwiftUI
The scanner is the easy half. The unlock state machine, where billing starts only on the scooter's confirmation, is the product.
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.
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.
CarPlay EV Charging Station Finder UI: Templates Only
Build a CarPlay EV charging finder: the entitlement gate, the point-of-interest template system, live availability honesty, and the phone-app pairing that works.
FlatList Memory Lag With Maps in React Native: Fixes
Fix FlatList memory and lag in React Native map screens: the map-per-row trap, memoized rows, windowing settings, and when FlashList is the real answer.
Ride-Hailing App Source Code: The Driver-Side UI
The driver side of a ride-hailing app: the offer card and its countdown, glance-safe trip states, honest earnings math, and where the source code matters.
Strava Segment Leaderboard Clone UI: An Honest Guide
How to clone Strava's segment leaderboard UI: efforts and crowns, filters that make ranks motivating, the privacy stakes of location leaderboards, and anti-cheat.
Travel Itinerary Planner AI UI Kit: Honest Trip Design
How to build an AI travel itinerary planner UI: the day timeline, map-list sync, editing as a first-class verb, offline by default, and hallucination honesty.
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.
Bike Sharing Dock Availability UI Kit: Free Starting Point
Where to find a free bike sharing dock availability UI kit and how to wire it to live GBFS station data: pin states, dock counts, and stale-data UX.
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.
NS Reisplanner App UI in React Native: The Transit Pattern
Building an NS reisplanner style journey planner in React Native: results-as-legs, transfer anxiety, honest delay rendering, and NS API or GTFS data.
Offline Topo Map Downloader UI in React Native: Best Way
How to build an offline topo map downloader UI in React Native: the four screens, tile math, MapLibre setup, storage screens, and the licensing rules.
新能源车充电桩 App UI 模板：找桩、扫码、看进度
做找充电桩的 App，界面要把找桩、扫码启动、充电进度讲清楚，状态要实时也要诚实。用 VP0 挑接近的原生设计喂给 AI 生成，支付走持牌渠道、密钥放后端。
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.
Hurricane Evacuation Route Map UI in SwiftUI
Build a hurricane evacuation route map in SwiftUI with MapKit: official zones, offline maps, clear directions, and large accessible controls. Start free with VP0.
DePIN Network Map UI for iOS, Free Template
Build a DePIN (decentralized physical infrastructure) network map UI for iOS from a free template. Nodes, coverage, and status with Claude Code or Cursor.
Draggable Bottom Sheet Over a Map in SwiftUI, Free
Build an Apple Maps style draggable bottom sheet over a map in SwiftUI. Detents, a persistent sheet, and a clean map, from a free template, ready for Cursor.
Lost Dog Community Alert UI in React Native, Free
Build a lost-pet community alert app in React Native from a free template. Post a lost dog, alert nearby users, and map sightings, with Claude Code or Cursor.
Fleet Management Vehicle Tracker App Template, Free
Build a fleet management vehicle tracker for iOS from a free template. Live map, vehicle health, and maintenance alerts, like Samsara or Fleetio, with Claude Code or Cursor.
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 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.
Real Estate App Template for iOS, Free
Build a real estate app for iOS from a free template. Get the map and listing feed, property detail, and filters with Claude Code or Cursor. No kit required.
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.
Snapchat Map Clone UI Kit for iOS, Free
Want a Snapchat Map style friend-location UI for iOS? Clone the live map pattern from a free template and build it with Claude Code or Cursor, privacy first.
Airbnb Clone UI: Booking Calendar and Map Template
Build an Airbnb-style booking app from a free VP0 iOS design: a map with listings, a date-range calendar, and an honest checkout, learn the pattern, not the brand.
Airbnb-Style Bottom Sheet in React Native: Map Meets List
Airbnb's map-plus-draggable-sheet is a gold-standard pattern. Build a smooth bottom sheet over a map from a free VP0 design in React Native, with the right detents.
BlaBlaCar-Style Carpooling App Template for iOS
Build a BlaBlaCar-style carpooling app from a free VP0 iOS design: ride search, driver profiles, booking, and a map, with verification and certified payments.
Delivery Driver Route App UI: Built for One Hand
A driver app must work at a glance, one-handed, mid-shift. Build the route, accept-order, and swipe-to-complete UI from a free VP0 design with big targets.
Dog Walking App UI: Book a Walker, Track the Walk
A Rover-style app books a walker and tracks the walk live. Build the booking, live GPS map, and walk report from a free VP0 design, with trust and safety built in.
EV Charging Station App UI: Map, Status, and Pay
An EV charging app must answer one question fast: can I charge here, now? Build the map, live status, and payment flow from a free VP0 design with honest data.
EV Charging Station Finder App Template, React Native
Build an EV charging station finder app in React Native from a free template. Get the map, station detail, filters, and charging status with Claude Code or Cursor.
Fleet Tracking Dashboard UI: Live Map Meets Data
A fleet tracking dashboard pairs a live map with vehicle telemetry. Build the map, vehicle list, and detail UI from a free VP0 design that stays readable under load.
Food Delivery App Template in React Native (Free)
Build a food delivery app from a free VP0 design: browse restaurants, menu, cart, certified checkout, and live order tracking, in React Native, free and original.
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.
Pulsing Radar Animation for Maps: Alive, Not Annoying
A pulsing radar animation signals live location and nearby search. Build a smooth radar pulse from a free VP0 design, keep it subtle, and respect the battery.
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.
Scooter Rental App UI: Scan, Ride, Park, Pay
A Lime-style scooter app is a map, a QR unlock, and a ride timer. Build the find-unlock-ride-end flow from a free VP0 design with real maps and a clear end-of-ride.
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.
Uber-Style Ride App UI: Map, Match, and Track
An Uber-style app is a map with a booking flow on top. Build the request, matching, and live-tracking UI from a free VP0 design with MapKit.
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.
Zillow-Style Real Estate UI: Map, Listings, and Tours
A real estate app pairs a map with rich listings. Build the split-screen map, listing detail, and tour UI from a free VP0 design in React Native, with honest data.
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.
Google Maps Custom Marker Clustering UI (Mobile)
Many map pins get unreadable fast. Cluster them into count bubbles that split as you zoom, with custom markers from a free VP0 design.
Delivery Driver Route App UI React Native (Free)
Delivery driver के लिए route app UI चाहिए? VP0 से free design लीजिए: map, stops की list, next-stop और status, सब एक हाथ से चलने लायक।
EV Charging Station App UI React Native (Free)
EV charging station app का UI चाहिए? VP0 से free design लीजिए: map पर stations, connector types, availability और charging status, सब साफ़।
Ola/Uber Ride Booking Maps Screen (Learn the Pattern)
Ola/Uber जैसा ride booking maps screen बनाना है? structure सीखिए, brand नहीं। VP0 से design लेकर अपना map, pickup-drop और ride status बनाइए, free।
Rapido-Style Bike Taxi Driver Tracking UI (Learn the Pattern)
Rapido जैसा bike taxi driver tracking UI बनाना है? brand नहीं, structure सीखिए। VP0 से free design लेकर अपना live map, driver location और trip status बनाइए।