Beautiful maps,
made simple.
Beautiful, ready to use, and customizable map components built on MapLibre. Styled with Tailwind. Zero config. One command setup.
npx shadcn-vue@latest add https://mapcn-vue.geoql.in/r/mapEverything you need for maps
From basic markers to deck.gl visualizations. All components you need to build stunning map applications.
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
Add map components to your project with the shadcn-vue CLI.
npx shadcn-vue@latest add https://mapcn-vue.geoql.in/r/map