Enhance Your Homepage: Add Interactive Maps Using Mapbox & Framer

Enhance Your Homepage: Add Interactive Maps Using Mapbox & FramerEnhance Your Homepage: Add Interactive Maps Using Mapbox & Framer

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Andrei Butenko

pro

• 14h

Added an interactive map to the Orbital homepage 🙌

In case you’re building something similar right now, I’d recommend using Mapbox to create the base map style.

It’s really convenient to pick from a bunch of built in options in Mapbox Studio, then use Claude Code to make a simple component in Framer for the interactivity and custom styling

Framer Mapbox Claude

Jonathan Paul

• Apr 1

If you could only pick 1 interaction for your website... What would you pick?

Framer

22 voted

76%

7 voted

24%

29 votes

Closed

Oyeyemi Joshua

• Apr 2

I’d go with the dark/light toggle. It’s simple but adds real value to user experience, especially for accessibility. Flashlight hover looks cool, but usability always wins for me.

Anca Gabriela

pro

• Apr 1

I need your help, which one would you choose A or B? My only concern with B would be too much white space in the default state 🤔

Framer hovereffect

44 voted

49%

45 voted

51%

89 votes

Closed

Akin Gundogan

• Apr 1

B looks like a much better animation with easing, A reminds me the early days of pure CSS hover effects, then designers needed to use javascript plugins/codes to create smoother animations, now it's a few clicks in Framer :))