Introduction

Beautiful, accessible map components.

mapcn-react-native provides beautifully designed, accessible, and customizable map components. Built on MapLibre React Native v11, styled with Nativewind, and designed to work with React Native Reusables (shadcn/ui for React Native).

!

Alpha Version Notice

This library requires @maplibre/maplibre-react-native@11.0.0-alpha.28, which is currently in alpha. Version 11 is used due to its support for the new architecture. Breaking changes may arise.

Why mapcn-react-native?

There's no proper copy-paste, easy-to-use map integration for React Native. Most solutions require complex configurations, API keys, or heavy wrapper libraries. mapcn-react-native 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.