mapcn

mapcn

Free & open-source, ready-to-use, customizable map components for React.
Zero config. One command setup. Built on MapLibre GL, styled with Tailwind, works seamlessly with shadcn/ui.

Get Started · Installation · Components

## 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](https://docs.carto.com/faqs/carto-basemaps) which are based on OpenStreetMap data. - **Commercial use**: Requires a CARTO Enterprise license. [Request a demo](https://carto.com/request-live-demo) for pricing details. - **Non-commercial use**: Free for CARTO grantees under their [basemap terms](https://carto.com/legal/bmap). - **Alternative**: You can switch to [OpenStreetMap](https://www.openstreetmap.org/) 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](LICENSE) file for details.