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 required.

Theme Aware

Automatically adapts to light and dark mode.

Composable

Build complex UIs with simple, composable components.

TypeScript

Full type safety with comprehensive TypeScript support.