mapcn
Theme-aware MapLibre map components installed through the shadcn CLI
Tier S · Best in classRegistryComponent LibraryBlock Collectionmapcn.dev
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/mapFor an agent
This 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.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React, Next.js
- Styling
- Tailwind CSS, CSS custom properties
- Distribution
- shadcn registry, CLI installer, GitHub repository, Copy-paste snippet
- Platform
- Web
- Content type
- Code
- Agent readiness
- Machine-readable registry item, CLI installable, llms.txt, Structured documentation, Readable open source, Copy-paste ready code
- Accessibility
- Keyboard navigable, Unknown
- Maturity
- Actively maintained
- GitHub stars
- 11,388
- Package
- maplibre-gl
Components it ships
9 totalHelps you build
6Templates
8- 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
Notable for
- 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
Provenance
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
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts