Meridian
Meridian brings the full power of Mapbox to Framer. Create stunning, interactive maps with 5 premium themes, 3D pitch/bearing controls, and dynamic data syncing via Google Sheets. Perfect for store locators, real estate showcases, and travel guides.
Meridian isn't just a map wrapper – it's a dynamic location engine for your Framer site. While other plugins force you to manually place every pin or pay upfront, Meridian gives you powerful data tools and a generous Free Forever tier.
Why Meridian?
⚡ Dynamic Data (CMS-like): Stop manually dragging pins. Connect a Google Sheet and manage hundreds of locations instantly. Perfect for real estate, store locators, and travel guides.
💸 Free Forever Tier: We don't hide the map behind a paywall. Use the Light theme with full interactivity for free, forever.
🎨 Total Control: Don't settle for defaults. Rotate, tilt, and zoom with 3D controls. Use our 5 premium themes or bring your own custom Mapbox style.
Key Features
Google Sheets Connection: (Pro) Sync your markers from a spreadsheet. Update the sheet, and your map updates instantly.
3D Terrain & Buildings: (Pro) Unlock immersive 3D views with adjustable Pitch and Bearing controls.
5 Premium Themes: (Pro) Light, Dark, Outdoors, Satellite, and Custom.
Smart Auto-Zoom: The map automatically calculates the perfect viewport to fit all your markers.
Quick Start
Get a free public token from Mapbox.com.
Paste it into the Mapbox Token field in the right sidebar.
Add your markers or connect a Google Sheet!
Changelog
I have addressed the comments I got from Isaac:
The map component does not work with Fit sizing, which is the default sizing option...Fixed. Now when the component is added to the canvas it always has height and width.
Insert the component by URL, instead of creating a code file in the user's project...
Done. Now the component is inserted from the Framer URL without the specific version ID which allows updating the component by the users after install.
Remove the small text in the marketplace page images. In general, most text should be placed in the description, and the images should focus on screenshots, graphics, and logos...
Done, I've re-created the visuals and minimized text there.
