Skip to main content
GitHub
v1.11.0 — released

Maps for Vue.
Without the boilerplate.

Production map components built on MapLibre GL and deck.gl. Tokenized with Tailwind v4. Shipped via shadcn-vue. Typed end-to-end. One command. Zero config.

Live examples
42
Components
16
Runtime deps
0

Live demos

/ 02 — Production patterns
Active Users — VLayerDeckglScatterplot
2,847
+12.5%
Global Delivery — VLayerDeckglArc
Trips — VLayerDeckglTrips

Everything you need for maps

/ 03 — Components

Core Components

Map, Markers, Popups, and Navigation Controls. Everything to get started.

MapLibre Layers

GeoJSON, Vector, Raster, Cluster, PMTiles, Image, Video, and Canvas layers.

deck.gl Layers

High-performance WebGL layers: Scatterplot, Arc, Heatmap, Hexagon, Trips, and more.

Theme Aware

Dark mode support out of the box with automatic basemap switching.

Copy & Paste

Add components to your project with a single CLI command. No complex setup.

TypeScript First

Full TypeScript support with excellent IDE autocompletion and type safety.

Get started in seconds

/ 04 — Install

Add map components to your project with the shadcn-vue CLI. They land in your repo, typed end-to-end. Yours to own.

Terminal
$ npx shadcn-vue@latest add https://mapcn-vue.geoql.in/r/map