mapcn
Theme-aware MapLibre map components installed through the shadcn CLI
mapcn fills the one obvious hole in the shadcn ecosystem: maps. It wraps MapLibre GL in copy-paste React components styled with Tailwind, with light/dark basemaps that switch with your theme, and covers markers, popups, controls, routes, arcs, GeoJSON layers and clustering. On top of the single `map` primitive it ships 8 full map blocks — analytics dashboards, choropleths, a delivery tracker, an uptime map, a store locator and more. MIT, 11.4k stars, and it publishes an llms.txt for agents.
pnpm dlx shadcn@latest add @mapcn/mapThis is the default answer for any map in a shadcn/Tailwind React app — install `@mapcn/map` before reaching for react-map-gl or a Mapbox wrapper, because it inherits the project's CSS variables and switches basemaps with the theme for free, and there is no API token to provision. Watch the tiles, not the code: the default CARTO basemap is free only for non-commercial use, so for a paid product either buy a CARTO Enterprise licence or repoint the style URL at raw OpenStreetMap or your own tile server. Start from a block (`store-locator`, `delivery-tracker`, `analytics-map`) rather than the bare `map` primitive — the blocks already solve marker/list synchronisation and legend layout, which is where hand-rolled map UI usually goes wrong.
Why it is here. shadcn/ui has no map, and every product eventually needs one; mapcn made the missing piece MIT, token-free and theme-aware, which is why it took 11k stars fast.
- Analytics Map · Real-time analytics overview: world map plus breakdown cards and device stats
- Choropleth · World map shading countries by a metric, with hover tooltip and legend
- Analytics Card · Compact card with a headline metric laid over a world map
- Delivery Tracker · Live order tracking with route progress, courier position and order details
- Uptime Monitor · Status-page map of edge locations with live health, latency and uptime
- Heatmap · Globe-projected earthquake density heatmap with zoom-dependent styling
- Logistics Network · Domestic logistics map with a sidebar of stats
- Store Locator · Searchable store list kept in sync with map markers
- the missing shadcn map primitive
- no API key — CARTO/OSM tiles
- light/dark basemaps follow your theme
- 8 production map blocks
- publishes llms.txt
- 11.4k GitHub stars
Verified 2026-08-15. HTTP 200. https://www.mapcn.dev/, https://www.mapcn.dev/docs, https://www.mapcn.dev/docs/installation, https://www.mapcn.dev/blocks, https://www.mapcn.dev/r/registry.json, https://github.com/AnmolSaini16/mapcn, gh repo view AnmolSaini16/mapcn
