An interactive store locator that pairs a scrollable location list with a responsive map, letting visitors select, explore, and navigate between locations
Interactive location cards and map
Click, tap, or hover to select locations
Smooth map fly-to animations
Automatic address geocoding
Custom latitude and longitude support
Interactive map markers
Click markers to select locations
Static-render optimized for Framer
Add your locations. Each one has a tag, a name, an address, an optional photo, a link label and a link URL.
Choose how each pin is placed.
From address: type the address and the component finds the pin automatically.
Coordinates: enter latitude and longitude yourself for exact, instant pins with no lookup.
The map frames everything. On load, the map zooms to fit all your pins in one view.
Visitors explore.
Click or tap a card and the map flies to that location, the marker gets a highlight ring, and the card turns active.
Locations, images, names, tags, and addresses
Location links and link labels
Address or coordinate-based positioning
Map style and custom style URL
Selection mode: click or hover
Map zoom, fly duration, and fit padding
List width, spacing, padding, and card layout
Card and map radius
Marker size and colors
Light, dark, or custom color themes
Heading and typography