mapcn: React Map Components Built on MapLibre GL

Source: Dev.to

Overview

mapcn is a map component library built on MapLibre GL that can be installed with a single npx command.
It follows the shadcn/ui pattern, where you copy components directly into your project instead of importing them from node_modules.

Key Features

• Automatic theme switching between light and dark map styles.
• Marker components with popups and tooltips.
• Route rendering for paths.
• Built‑in zoom and navigation controls.
• Free CARTO basemap tiles that require no API keys.
• Components accept MapLibre props and expose the full mapping API through a useMap hook.

Resources

• Blog Post: Map Components with MapLibre GL
• GitHub Repository:
• Live Demo: