A photo-first locations map for Framer. Every place is a photo pin on a real vector map. Pick a place from the list, a pin or the phone carousel and the camera flies there while the pin grows into a card with the address, opening hours, Directions and Call. Close places pile into a photo stack that fans out on hover. Made for cafés, studios, clinics, shops, offices and any site with more than one location. Edit everything from the right panel, no code and no API key.

Real vector map (MapLibre + OpenFreeMap tiles), no API key or billing account

Three map themes: Paper, Night and Sand, plus your own accent colour

Side panel with title, count, search and category filters built from your places

List and map in sync: hover a row and its pin lifts

Select a place: the camera flies and tilts there and the pin grows into a card (photo, address, hours, Directions, Call)

Pin styles: Photo, Dot or Label

Grouping: photo stacks that fan out on hover, count badges that zoom in, or off

Phone layout: a swipe carousel of place cards that moves the map

Pins drop in on entrance, a pulse marks the selected place

Animate toggle; respects reduced motion; keyboard friendly (Esc closes the card)

Up to 60 places, each with title, address, category, hours, photo, latitude, longitude, link and phone

After purchase you get the component link to paste into any Framer project, plus setup steps.

Live demo: https://numerous-personalization-987260.framer.app

Note: MapLibre GL is bundled with the component (BSD licence), so no code loads from other sites. The map style and tiles come from OpenFreeMap, free with no key. If they're unreachable, the component shows a short message instead of a broken map.

Refunds: if it doesn't work in your project, message me within 14 days for a full refund.