Last updated:

May 19, 2026

Map Provider: MapLibre

MapLibre is the default, free, open-source map provider in Dynamic Map for Webflow — no API key, no usage limits. Select it in Map Settings, pick a preset style, or build a custom style in Maputnik, host it via GitHub Gist, and paste the Raw URL into Dynamic Map.

MapLibre is a free, open-source map provider based on Mapbox. It offers a stylish set of map styles while remaining open source and free to use, even for commercial purposes.

Overview of MapLibre map provider settings inside Dynamic Map for Webflow, showing map style selection options.
Overview of MapLibre map provider settings inside Dynamic Map for Webflow, showing map style selection options.

Setup

  1. In Dynamic Map, open Map Settings and change Map Type to MapLibre.
  2. Select your desired map style from the available presets.

Create a Custom MapLibre Map Style

Step 1: Design the Style

  1. Open Maputnik — the free, browser-based MapLibre style editor.
  2. Click Open and choose a Gallery style, or enter a URL from OpenFreeMap (e.g. https://tiles.openfreemap.org/styles/liberty).
  3. Edit colors and layers visually, then Export the style.json file.

Step 2: Host the Style

  1. Go to gist.github.com, paste your style.json, name it style.json, and click Create public gist.
  2. Click Raw to get a URL like: https://gist.githubusercontent.com/.../raw/.../style.json
  3. For guaranteed CORS support, run the URL through RawGit and use the Production link.

Step 3: Use the URL in Dynamic Map

Paste the URL into the custom style URL field in Dynamic Map.

Dynamic Map settings panel showing where to paste a custom MapLibre style URL.
Dynamic Map settings panel showing where to paste a custom MapLibre style URL.