Mapcn

Free, open-source React map components on MapLibre GL — Tailwind + shadcn/ui compatible, theme-aware, zero-config defaults.

Author: AnmolSaini16 (not Vercel—the viral repost attribution was wrong). The current MIT source is commit 874e2c9b362952d686045b8f0c080aacf8645105, with 11,363 stars and 656 forks. The receipt detected no test files or CI workflows, so representative map loading, keyboard/pointer behavior, token/theme integration, attribution, responsive layout, bundle output, and failure states remain local adoption gates. Docs: mapcn.dev. Source: commit-pinned repository receipt, 2026-08-12

Install & components

npx shadcn add @mapcn/map   # registry path per mapcn.dev

Composable primitives: Map, Marker, Route, Controls — MapLibre GL under the hood (no Mapbox token). Respects light/dark via design tokens. Source: mapcn.dev/docs, 2026-06-13

The local Tom Dörr and RoundtableSpace artifacts both show the same README/product positioning: "Free & open-source, ready-to-use, customizable map components for React. Zero config. One command setup." The image highlights theme awareness, shadcn/ui compatibility, MapLibre GL, composability, markers/popups, routes, and controls. Keep those artifacts as product-positioning evidence, not source authority for authorship; the Vercel OSS badge is sponsorship/support evidence, not ownership. Source: X/@tom_doerr visual artifact, 2026-04-16; Source: X/@RoundtableSpace visual artifact, 2026-05-07

Feature Detail
Map engine MapLibre GL (open-source)
Styling Tailwind + shadcn patterns
Theme Light/dark aware
Config Zero-config for basic map

Versioning caveat

The npm package name mapcn@0.0.1 is not the project authority; npm describes it as a package-name reservation/squatting artifact. Use the GitHub repo, docs, and shadcn registry command as the versioning and install source. Source: npm registry, 2026-06-30

Stack fit (Kevin)

  • Dedalus website / admin — maps for office/events/offsites dashboards without Mapbox billing.
  • shadcn monorepos — listed in Shadcn Registry Directory (Top Blocks); fits existing cn() + token stack.
  • Not for 3D/geo viz — use MapLibre directly or deck.gl when you need layers beyond mapcn components.

Timeline