Mapbox components for React

Customizable Mapbox GL components.Built on Mapbox GL JS. Styled with Tailwind. Works with shadcn/ui.

Get StartedBrowse Blocks

We work in Mapbox every day. mbxcn is the component set we kept rebuilding from project to project - packaged so you can drop it in with one shadcn command.

The base modules

Every map below is a component you can install. The heavier showcases live on their own pages - 3D and the docs.

SF -> Monterey
Points
10-min drive · Oakland
ZIP boundaries · Denver
Globe · routes from Chicago
Heatmap · point density
Commute flow · 8 routes
Directions API