Introducing MapFlow 2.0: map, sidebar and popups in one Framer component

MapFlow 2.0 is a custom Google Maps component for Framer. Add locations with images, ratings, prices and details, then show them with category filters, search, clustering and polished popups. Everything is set from the property panel, no code.

Built for Framer, fully controlled from the property panel.

What’s new in 2.0

Sidebar with Image Cards or Category List. Show locations as image cards with rating, price and address, or as a clean drill-down list by category.

Search and category filters. Visitors search by name and filter with pills; the map reframes to match.

Rich popups. Image, category badge, star rating, price, address, details and a call-to-action button, each one toggled on or off.

Standard or Group markers. Use plain markers for a simple map, or group locations into categories with their own pin style and color.

Primary Location. Highlight your HQ, store or event venue with its own star pin and popup.

Smart clustering. Dense areas collapse into clean bubbles and expand as you zoom.

Auto distance. Show how far each place is from your primary location.

Bulk import. Paste a JSON or CSV list and add dozens of locations at once.

Easy coordinates. Type decimal degrees or degrees and minutes (21° 36' N).

Mobile-ready. On small screens the sidebar becomes a bottom sheet.

Full styling control. Map presets (Silver, Minimal, Grayscale, Night, Retro), custom JSON styles, native font controls, colors, radius and more.

Great for Travel guides, real estate listings, restaurant and store locators, coworking and healthcare directories, event maps and city guides.

Demo data The preview uses a fictional Jaipur City Guide (hotels, restaurants and experiences) to show every feature.

How to use it

- Drop MapFlow onto your canvas.

- Add your Google Maps API key.

- Add locations or paste an import list.

- Pick a sidebar layout and style it.

Get it: https://framer.link/7sync-mapflow