AnmolSaini16/mapcn

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

11919 stars · 698 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

mapcn is a free, open-source collection of copy-paste map components for React, built on MapLibre GL and styled with Tailwind CSS to match shadcn/ui conventions. Following the shadcn model, you copy the component code into your project and own it, with zero-config defaults, theming, markers, popups, routes, arcs, GeoJSON clusters, and map controls.

Use cases

• add an interactive map to my react app
• shadcn ui map components
• show markers with popups and tooltips on a map
• draw routes and arcs on a map in react
• render geojson clusters on a web map
• customizable map components styled with tailwind
• dark mode aware map components
• free open-source alternative to google maps in react

When to choose

• Your stack is React with Tailwind CSS and shadcn/ui and you want maps that match your design system and theme
• You want to own and customize the component code rather than depend on a heavy wrapper SDK with configuration lock-in
• You need MapLibre-based maps that work with any tile provider such as OpenStreetMap, CARTO, MapTiler, or Stadia Maps
• You want a one-command setup with sensible production-ready defaults for common map UIs

When to avoid

• You are building with Vue, Svelte, Angular, or another non-React framework
• You need built-in geocoding, routing, or turn-by-turn navigation services - mapcn only provides rendering components
• Your commercial product relies on the default CARTO basemap, which requires a CARTO Enterprise license (or you must switch tile providers)
• You prefer a fully maintained npm dependency over copy-pasted source files living in your own codebase

Facets

library · maturity active

ui-components geospatial frontend web-development browser react maplibre tailwind-css shadcn-ui copy-paste-components web-maps interactive-maps markers geojson basemaps maps geospatial nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="AnmolSaini16/mapcn")