Composable React map components built on MapLibre GL and styled with Tailwind CSS.
Included Components
36
mapcn2kAPI ReferenceMapControlsMarkersPopupsRoutesArcsGeoJSONClustersMapLibre GLTailwind CSSshadcn/uiMapLibre-compatible tilesOpenStreetMapCartoMapTilerStadia MapsThunderforestPhilosophyWhy mapcn?Any Map StyleSearch...Zero ConfigTheme AwareComposableTypeScriptCopy & PasteMapContainer (Basic Map)Marker & PopupFlyTo & Viewport CameraRoute Path & ArcsCluster & GeoJSON LayerMap Controls (Zoom, Compass, Fullscreen)Analytics Overlay Cards
mapcn is a modern, open-source collection of declarative map components engineered for React and Next.js applications. Built on top of MapLibre GL and styled with Tailwind CSS, it seamlessly follows the shadcn/ui design language and CLI workflow. It provides zero-config dark/light basemap switching, rich interactive markers, animated fly-to transitions, route paths, and map control widgets for building location-aware dashboards and apps.
