Mapcn

<h1 align="center">mapcn</h1> <p align="center"> Free & open-source, ready-to-use, customizable map components for React.<br/> Zero config. One command setup. Built on <a href="https://maplibre.org/">MapLibre GL</a>, styled with <a href="https://tailwindcss.com/">Tailwind</a>, works seamlessly with <a href="https://ui.shadcn.com/">shadcn/ui</a>. </p> <p align="center"> <a href="https://mapcn.dev/docs">Get Started</a> · <a href="https://mapcn.dev/docs/installation">Installation</a> · <a href="https://mapcn.dev/docs/basic-map">Components</a> </p> <br /> <p align="center"> <a href="https://vercel.com/oss"> <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" /> </a> </p> <p align="center"> <img src="public/banner.png" alt="mapcn banner" /> </p>

Features

• 🎨 Theme-aware — Automatically adapts to light/dark mode
• 🎯 Zero config — Works out of the box with sensible defaults
• 📦 shadcn/ui compatible — Uses the same patterns and styling conventions
• 🗺️ MapLibre GL powered — Full access to MapLibre's powerful mapping capabilities
• 🧩 Composable — Build complex map UIs with simple, declarative components
• 📍 Markers & Popups — Rich marker system with popups, tooltips, and labels
• 🛤️ Routes — Draw routes and paths on your maps
• 🎮 Controls — Zoom, compass, locate, and fullscreen controls

Basemap Terms of Service

This project uses CARTO Basemaps which are based on OpenStreetMap data.

• Commercial use: Requires a CARTO Enterprise license. Request a demo for pricing details.
• Non-commercial use: Free for CARTO grantees under their basemap terms.
• Alternative: You can switch to OpenStreetMap tiles or any other MapLibre-compatible tile provider (MapTiler, Stadia Maps, etc).

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

MIT License - see the LICENSE file for details.

Star History

<a href="https://www.star-history.com/#AnmolSaini16/mapcn&type=date&legend=top-left"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=AnmolSaini16/mapcn&type=date&theme=dark&legend=top-left" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=AnmolSaini16/mapcn&type=date&legend=top-left" /> <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=AnmolSaini16/mapcn&type=date&legend=top-left" /> </picture> </a>