Introduction
Beautiful, accessible map components.
mapcn provides beautifully designed, accessible, and customizable map components. Built on MapLibre GL, styled with Tailwind CSS, and designed to work with shadcn/ui.
Why mapcn?
There's no proper copy-paste, easy-to-use map integration for React. Most solutions require complex configurations, API keys, or heavy wrapper libraries. mapcn gives you beautiful maps with a single command.
Features
Zero Config
Works out of the box with free map tiles. No API keys needed.
Theme Aware
Automatically switches between light and dark map styles.
Composable
Build complex UIs with simple, composable components.
TypeScript
Full type safety with comprehensive TypeScript support.
Copy & Paste
Own your code. No dependencies, just copy into your project.
Customizable
Styled with Tailwind. Easy to customize and extend.