Plugins

User Interface Plugins

• 💙 maplibre-gl-compare - Enables users to compare two maps by swiping left and right.
• any-routing - A modular plugin for calculating routes.
• Gauge Legend - Dynamic gauge legend for MapLibre GL JS
• mapbox-gl-controls - Adds controls for a ruler, style inspector, localization, and style switcher.
• mapbox-gl-draw - Adds support for drawing and editing features on maps.
• mapbox-gl-elevation - Adds a control to retrieve altitude from terrain RGB tilesets.
• mapbox-gl-infobox - Adds a control to display an infobox or a gradient.
• mapbox-gl-legend - Adds a control that shows a legend generated from the map style.
• mapbox-gl-valhalla - Adds a control to provide isochrone features from valhalla server.
• mapboxgl-minimap - Adds a control to show a miniature overview of the current map.
• maplibre-compass-pro - old fashioned compass (with compass rose) for Maplibre GL. demo
• map-gl-style-switcher - A customizable style switcher control for MapLibre GL JS, also has a react-map-gl wrapper.
• maplibre-geoman - Plugin for drawing and editing geometry layers. demo
• maplibre-preload - A tiny zero-configuration plugin for preloading tiles and smoothen the experience when using targeted movements in MapLibre GL JS.
• maplibre-gl-basemaps - A plugin for switching between raster basemaps.
• maplibre-gl-export - Adds a control that exports the map as a PDF or images such as PNG, JPEG and SVG.
• maplibre-gl-map-to-image - Creates static image data from a map and sets it as the src of a target html image element. Similar to maplibre-gl-export but intended for use cases where you are embedding the image in a document rather than printing full page.
• maplibre-gl-measures - A plugin for taking measures on the map.
• maplibre-gl-opacity - A plugin to switch layer like Leaflet.control.layers, and update opacities. demo
• maplibre-gl-temporal-control - A plugin to easily animate temporal data. demo
• route-snapper - Draw routes and areas snapped to roads.
• Terra Draw - The library has a MapLibre GL JS adapter to provide drawing and geometry editing functionality to the map
• maplibre-gl-multiple-color-draw - Draw lines, polygons, and freehand shapes with individual colors per feature. Includes React hook, TypeScript support, and GeoJSON export. npm · demo
• maplibregl-minimap - Customizable minimap Control for maplibregl.
• maplibre-gl-style-flipper - A custom control to switch between different map styles in MapLibre GL JS.
• maplibre-pegman - Plugin that integrates Google Street View into any MapLibre map.
• maplibre-transition - A plugin for smooth transitions between map styles. demo
• maplibre-gl-layers-control - It allows to show/hide layers, opacity control and integration with legends.
• maplibre-ui-translations - Community translations for the default MapLibre UI.

Geocoding & Search Plugins

• mapbox.photon - Adds a control to provide a geocoding feature from Photon API.
• 💙 maplibre-gl-geocoder - Adds a geocoder control.
• maplibre-search-box - Adds a control for searching for places using Stadia Maps.
• maptiler-geocoding-control - Adds a geocoding control for searching for places using MapTiler API. docs

Map Rendering Plugins

• 💙 MapLibre GL Leaflet - A plugin for rendering MapLibre styles in Leaflet.
• Americana Shield Renderer – Renders route markers for highway systems around the world.
• deck.gl - Adds advanced WebGL visualization layers.
• Diplomat – Automatically localizes the map into the user’s language.
• flowmap.blue - Render a geographic flow map visualization from a spreadsheet published on Google Sheets.
• H3J / H3T - Light H3 data formats for client side geometry generation and rendering using MapLibre GL JS
• L7-maplibre-gl - Adds large-scale WebGL-powered geospatial data visualization framework to maplibre-gl.demo
• mapbox-gl-language - Automatically localizes the map into the user’s language.
• mapbox-gl-rtl-text - Adds right-to-left text support.
• maplibre-gl-complex-text - Adds support for some complex scripts including Khmer and Devanagari.
• mapbox-gl-traffic - Hide and show traffic layers on your map with an optional toggle button.
• maplibre-adiff-viewer – Visualizes OpenStreetMap augmented diffs.
• maplibre-contour - Renders contour lines from raster DEM tiles in MapLibre GL JS.
• maplibre-gl-dates – Filters a time-enabled map by date. Optimized for OpenHistoricalMap vector tiles.
• maplibre-gl-vector-text-protocol - Supports CSV, TSV, Topojson, KML, GPX, and TCX formats using the addProtocol feature.
• geogrid-maplibre-gl - Renders customizable graticule (geographic grid).
• maplibre-gleo - Adds symbols using the "gleo" WebGL map rendering library.
• maplibre-contourmap - Renders contour lines from vector sources in MapLibre GL JS. demo
• maplibre-three-plugin - A bridge plugin that cleverly connects MapLibre GL JS with Three.js, enabling developers to implement 3D rendering and animation on maps.
• maplibre-gl-teritorio-cluster - Clustering plugin implementing a MapLibre GL Layer with configurable HTML clustering renderer and support of events.
• maplibre-glass-css - A glass UI theme for standard MapLibre controls.
• maplibre-merge-protocol - A custom protocol for merging geometry with attributes from multiple tilesets in MapLibre. demo
• backproj/maplibre-proj - Display MapLibre maps in any CRS supported by PROJ, using proj-wasm (PROJ transpiled to WebAssembly). demo

Layer Types Plugins

• Allmaps Maplibre - A package for displaying georeferenced IIIF images by loading Georeference Annotations and using WebGL to transform and overlay the images on their correct geographical position.
• mapbox-gl-arcgis-featureserver - A library for retrieving features from an ArcGIS FeatureServer or MapServer. This library makes tiled requests rather than simply requesting every feature.
• mapbox-gl-esri-sources - A library for making it easier to use Esri services in MapLibre GL JS. Supports Esri Map Services (dynamic & tiled), Esri Vector Tile Services & Esri Vector Basemap Styles.
• esri-gl - A module for making it easier to use Esri services in MapLibre GL JS, alternative to esri-leaflet for WebGL.
• mapbox-gl-flatgeobuf - A library for retrieving features from FlatGeobuf file using a tiled approach. Compatible with MapLibre GL JS and Mapbox GL JS.
• mapbox-gl-ogc-feature-collection - A small package for requesting geojson from an OGC Feature API endpoint to serve tiles in MapBox/MapLibre.
• maplibre-cog-protocol - Custom protocol to load Cloud Optimized GeoTIFFs (COG) in Maplibre GL JS.
• maplibre-gl-lidar - A MapLibre GL JS plugin for rendering LIDAR point cloud data.
• maplibre-google-maps - A library for integrating Google Maps as raster layers into MapLibre GL JS. It uses the new Google Map Tiles API.
• ol-maplibre-layer - Render a MapLibre GL JS map as an OpenLayers layer.
• PMTiles for MapLibre - A library that uses addProtocol to read PMTIles. a single-file format for hosting tilesets without a server or API, just S3 or other storage providers.
• @naivemap/maplibre-gl-image-layer - A versatile layer for displaying georeferenced images with various projections (using proj4js) on the map.

Utility Libraries

• expression-jamsession - Converts Mapbox Studio formulas into expressions.
• mapbox-choropleth - Create a choropleth layer from a CSV source and a geometry source.
• mapbox-gl-layer-groups - Manages layer groups.
• mapbox-gl-sync-move - Syncs movement between multiple maps.
• mapbox-gl-utils - Manage layers, sources, and properties with syntactic sugar and convenience functions.
• map-gl-offline - A TypeScript-compatible npm package for MapLibre GL JS that enables comprehensive offline storage and usage of vector/raster tiles.
• maplibregl-mapbox-request-transformer - This library provides a request transforming function enabling the consumption of MapboxGL Styles in MapLibreGL.
• maplibregl-theme - Custom themes for your MapLibre GL Web app. Theme customizer
• simplespec-to-gl-style - Converts GeoJSON styles with simplestyle-spec to a MapLibre GL Style.
• turf - provides advanced geospatial analysis tools.
• Maperture - A web application for comparing webmap styles.
• geojson-map-fit-mercator - Finds the optimal bearing, zoom and center point for fitting a set of GeoJSON features in a Mapbox GL or MapLibre GL viewport. demo
• maplibre-legend - Legends generator from a style.json developed in Rust. crate
• maplibre-gl-video-export - Export map animations to videos (WebM VP9, MP4 H.264) with preset animations, waypoints, and geographic constraints.

Development Tools Plugins

• mapbox-gl-framerate - A frame rate control to evaluate map rendering performance.
• mapbox-gl-fps - A frames-per-seconds GUI control and measurer with statistic report output.
• mapgrab - A tool for creating end-to-end (e2e) map tests using popular testing frameworks like Playwright, Cypress, and Selenium.
• maplibre-gl-inspect - Adds an inspect control to view vector source features and properties.

Framework Integrations

Angular

• 💙 ngx-maplibre-gl - Angular binding with hosted demos at maplibre.org/ngx-maplibre-gl/demo

Astro

• maps-withastro - Bring Leaflet & MapLibre maps directly into Astro.

Echarts

• echartslayer - Provides an echarts integration.
• @naivemap/maplibre-gl-echarts-layer - Integrate Apache ECharts' Lines and Scatter charts.

Elm

• elm-mapbox - Provides an Elm integration.

Ember

• ember-mapbox-gl - Provides an Ember integration.

Jekyll

• jekyll-maplibre - Provides a Jekyll integration (plug-in).

React

• react-map-gl - A suite of React components for mapbox-gl, maplibre-gl or compatible libraries
• react-map-components-maplibre - A React component framework for declarative GIS application development with demos in their showcase and docs
• maplibre-react-components - Lightweight MapLibre only binding for React.
• react-mapbox-gl - Provides a React integration.

Svelte

• sveltekit-maplibre-boilerplate - A preconfigured template repository develop a MapLibre application in svelte/sveltekit.
• svelte-maplibre - Provides a Svelte integration.
• svelte-maplibre-components - A set of maplibre plugins to integrate with svelte/sveltekit. The repository consists of various useful plugins such as export plugin, legend plugin, measure plugin, attribute table plugin, tour plugin, etc.
• svelte-maplibre-gl - Svelte (v5) component wrapping MapLibre GL JS to provide declarative handling of GL JS through familiar API.

VueJS

• @indoorequal/vue-maplibre-gl - Vue 3 plugin for maplibre-gl-js
• LibreGL - A powerful Vue library for Maplibre with an intuitive API, and a collection of highly customizable components.

Webtoolkit

• wtMapbox - Provides a Webtoolkit integration.

Vanilla JS

• plotly.js - Create analytical geospatial figures with MapLibre GL JS in javascript.