@mapcn

Maps · MIT · data updated 2026-07-08

mapcn is a free, open-source shadcn/ui-style copy-paste registry of map components for React, built on MapLibre GL and styled with Tailwind CSS. Components cover the full map interaction set: Map, Controls, Markers, Popups, Routes, Arcs, Clusters, plus pre-built Blocks. Works with any MapLibre-compatible tile provider (OpenStreetMap, MapTiler, Carto, Stadia, Thunderforest) and automatically adapts to light/dark themes. Zero config out of the box; full TypeScript support. Use for: adding customizable, design-system-integrated interactive maps to a React/Next.js app without a heavyweight SDK, especially when the app already uses shadcn/ui patterns.

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

npx shadcn@latest add https://mapcn.dev/r/map.json