Map View

The foundation Mapbox block: a theme-aware react-map-gl map inside a rounded frame, with UUI-styled zoom and Map/Satellite controls. Every other map block builds on it.

$bunx shadcn@latest add @nx-ui/map-view
Registry item

Theme-aware basemap

The default. The basemap follows next-themes — the custom Nexus light style in light mode, Mapbox dark-v11 in dark mode — and live-switches when you toggle the theme (account menu, bottom-left). Try the Map/Satellite switcher and the zoom control.

Light and dark basemaps, side by side

The style flip made explicit: the same viewport rendered against the branded light style and Mapbox dark-v11, using the mapStyle override so both show at once regardless of the app theme.

Light style (soillink custom)
Dark style (mapbox/dark-v11)

Chromeless

Both built-in controls disabled, for when a map is embedded read-only or driven by an external toolbar. Interaction (pan/zoom by gesture) is still on.