DEV Community

Cover image for mapcn: React Map Components Built on MapLibre GL
jQueryScript
jQueryScript

Posted on

mapcn: React Map Components Built on MapLibre GL

mapcn: a map component library built on MapLibre GL that installs with a single npx command.

It follows shadcn/ui patterns where you copy components into your project rather than importing from node_modules.

Key features include 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, and free CARTO basemap tiles that require no API keys.

The components accept MapLibre props and expose the full mapping API through a useMap hook.

πŸ‘‰ Blog Post

πŸ‘‰ GitHub Repo

πŸ‘‰ Live Demo

Top comments (0)