Beautiful map components. 100% Free, Zero config, one command setup.
10.7k
Stars
604
Forks
17
Open issues
3
Contributors
AI Analysis
mapcn provides ready-to-use, customizable map components for React applications built on MapLibre GL and styled with Tailwind CSS. It is best suited for developers building React applications that need interactive maps with minimal configuration, particularly those already using shadcn/ui or Tailwind CSS. The project serves web developers who want pre-built map UI components rather than starting from scratch.
Inferred from signals mentioned in the README (tests, CI, type safety) — not a review of the actual code.
AI's overall editorial judgment — not an average of the bars above, can weigh other factors too.
shadcn-style copy-paste map components for React, built on MapLibre GL
mapcn provides ready-to-use React map components following the shadcn/ui copy-paste pattern — developers run one command to add components directly into their codebase rather than installing a library. Built on MapLibre GL and styled with Tailwind CSS, it targets React developers already in the shadcn/ui ecosystem who want maps with zero configuration overhead. The project is aimed at frontend developers building dashboards, location-aware apps, or any React UI that needs maps without wrestling with MapLibre's lower-level API directly. It includes markers, popups, routes, and standard controls out of the box.
Created in late December 2025, mapcn is a very young project. It appears directly inspired by the shadcn/ui distribution model — own-your-code components rather than versioned npm packages — applied to the map component space, which had no comparable offering before it.
The project accumulated over 10,000 stars in roughly six months, with 536 stars in the last 7 days alone as of July 2026. This trajectory strongly suggests viral spread within the React/shadcn community, likely driven by social media posts, developer newsletters, or prominent community figures sharing it. The shadcn/ui association in positioning is a significant growth catalyst, as that ecosystem has a large, engaged audience actively looking for compatible tooling.
adoption not verified via explicit case studies or production references in the README. However, 536 stars/week and 592 forks suggest active developer experimentation. The existence of a dedicated documentation site (mapcn.dev) indicates the project is being used beyond the repository itself, but concrete production deployment evidence is not publicly documented.
Appears to follow the shadcn/ui component distribution model — components are copied into the user's project rather than imported from an npm package, giving full ownership. Likely uses MapLibre GL JS as the rendering engine with React wrappers, Tailwind CSS for styling, and shadcn/ui design tokens for theme consistency. The composable, declarative API described in the README suggests a component-tree approach to map configuration rather than imperative map instance manipulation.
not documented in README
Last push matches the current date (2026-07-04), indicating active day-of maintenance. The repository is only ~6 months old and shows consistent recent activity. The Vercel OSS Program badge suggests some institutional backing or at minimum Vercel's OSS sponsorship. 592 forks alongside 10k+ stars suggests meaningful community engagement beyond passive starring.
ADOPT IF: you are already in the shadcn/ui + Tailwind + React ecosystem and need maps quickly without deep MapLibre configuration, building non-commercial or prototype projects where CARTO basemap terms are acceptable. AVOID IF: you need a stable, battle-tested library for high-stakes production deployments, require commercial tile usage without a CARTO enterprise license, or need fine-grained control over the MapLibre lifecycle that abstraction layers may restrict. MONITOR IF: you are evaluating it for production use — watch for API stability signals, commercial licensing clarity, and whether a sustained contributor base develops over the next 6 months.
Independent dimensions
Mainstream potential
7/10
Technical importance
5/10
Adoption evidence
2/10
- CARTO basemap commercial licensing requirement is a hard blocker for many commercial use cases unless developers self-host tiles or switch providers — this is prominently disclosed but may surprise users mid-project.
- Project is only ~6 months old with no documented production deployments; API surface may still undergo breaking changes as real-world usage feedback accumulates.
- The copy-paste distribution model means users absorb all future maintenance burden once components are copied — upstream improvements require manual re-integration, and there is no versioned upgrade path.
- Star velocity may reflect social media virality more than sustained adoption; it is unclear whether stars translate to active users, and the project has not yet proven long-term community retention.
- Single primary maintainer apparent from repository structure; bus factor risk is unknown but a 6-month-old project with one visible contributor may struggle to sustain momentum if the maintainer's focus shifts.
Likely to grow into a popular starting point for React developers wanting maps in shadcn-style projects. Long-term success depends on API stabilization, community contributions, and resolving the commercial tile licensing ambiguity for production users.
Newsletter
Get analyses like this every Monday
Free weekly digest of the most interesting open-source discoveries.
Languages
Information
- Website
- https://mapcn.dev
- Language
- TypeScript
- License
- MIT
- Last updated
- 6d ago
- Created
- 6mo ago
- Analyzed with
- anthropic/claude-haiku-4-5
Stars over time
Contributors over time
Top 100 contributors only — repos with more will plateau at 100.
Open issues
[Bug] Fullscreen mode not working on Safari iOS (iPhone)
[Feature]: Add pitch and bearing control in `<MapControl />`
[Enhancement] Consider using `useSyncExternalStore` where applicable
Coordinates Encoding/Decoding
Top contributors
Recent releases
No releases published yet.
Similar repos
maplibre/maplibre-gl-js
MapLibre GL JS is an open-source library for rendering interactive vector tile...
visgl/react-google-maps
React Components for the Google Maps JavaScript API is a TypeScript library...
PaulLeCam/react-leaflet
React Leaflet provides React components for integrating Leaflet maps into React...
| Repository | Stars | Week Δ | Language | Score | Updated |
|---|---|---|---|---|---|
|
AnmolSaini16/mapcn
this
|
10.7k | +629 | TypeScript | 7/10 | 6d ago |
|
visgl/react-map-gl
|
8.5k | — | TypeScript | 8/10 | 3mo ago |
|
maplibre/maplibre-gl-js
|
11k | — | TypeScript | 8/10 | 1d ago |
|
visgl/react-google-maps
|
1.9k | — | TypeScript | 8/10 | 4d ago |
|
PaulLeCam/react-leaflet
|
5.6k | — | TypeScript | 8/10 | 6mo ago |
 shadcn-ui/ui
|
118.7k | — | TypeScript | 9/10 | 1d ago |
mapcn directly extends the shadcn/ui model and philosophy rather than competing with it. It fills a gap shadcn/ui deliberately left — map components — making it a complementary project rather than a rival. The parent ecosystem's 118k stars is the biggest growth tailwind mapcn has.
react-map-gl (8.4k stars) is a lower-level React wrapper around Mapbox/MapLibre that exposes the full API surface. mapcn targets developers who want higher-level, styled, ready-to-use components without configuring tile layers, controls, or theming manually. react-map-gl is the likely underlying pattern mapcn's wrappers abstract over.
react-leaflet (5.6k stars) is the established Leaflet-based React mapping library. It has a larger component ecosystem and longer track record but is not WebGL-accelerated and lacks native Tailwind/shadcn integration. mapcn targets newer React stacks; react-leaflet is better for projects needing proven stability or non-WebGL rendering.
react-google-maps (1.9k stars) targets Google Maps API users, which requires API keys and has usage-based billing. mapcn uses open tile providers (CARTO, OSM, MapTiler) by default, making it more accessible for prototyping and non-commercial use, though CARTO commercial licensing introduces its own constraints.
An older Google Maps React wrapper with 6.4k stars but limited recent activity signals. mapcn is more actively maintained and integrates with the modern React/Tailwind/shadcn stack, targeting a different developer demographic than projects built around Google Maps API dependency.
