sh4dcn
Registries
ActiveMaps328

@shadcn-map

Maps · MIT · data updated 2026-07-28

shadcn-map is a single-component shadcn registry item providing a Leaflet-powered interactive map component styled to integrate with shadcn/ui's design system. Built with React Leaflet and Leaflet, it wraps map rendering in a shadcn-compatible component API. Very focused in scope — one map component with docs. Free and open-source (MIT). Use for: dropping an interactive Leaflet map into a shadcn/ui project without custom Leaflet setup, particularly when you need a lightweight alternative to Google Maps or Mapbox for location display in dashboards or forms.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@shadcn-map preview
buttonsdashboarddesign-systemformsmapsmarketingoverlays

Install

npx shadcn@latest add http://shadcn-map.vercel.app/r/registry.json

Health

StatusActive
Last commit2 months ago
LicenseMIT
Open issues1
ArchivedNo
Stars328

Components (32)

mapbasic-mapmap-with-custom-tilesmap-with-markersmap-with-marker-cluster-groupmap-with-custom-marker-cluster-groupmap-with-custom-markersmap-with-circlemap-with-circle-markermap-with-polylinemap-with-polygonmap-with-rectanglemap-with-styled-shapesmap-with-popups-and-tooltipsmap-with-zoom-controlmap-with-layers-controlmap-with-tile-layers-controlmap-with-layer-groups-controlmap-with-feature-groups-controlmap-with-locate-controlmap-with-locate-control-callbacksmap-with-custom-control-positionmap-with-complex-custom-control-positionmap-with-draw-controlmap-with-draw-control-callbackmap-with-draw-control-specific-shapesmap-with-search-controlmap-with-search-control-place-selectmap-with-search-control-results-changemap-with-search-control-configurationsmap-with-custom-control-containermap-with-fullscreen-control
Components: map, basic-map, map-with-custom-tiles, map-with-markers, map-with-marker-cluster-group, map-with-custom-marker-cluster-group, map-with-custom-markers, map-with-circle, map-with-circle-marker, map-with-polyline, map-with-polygon, map-with-rectangle, map-with-styled-shapes, map-with-popups-and-tooltips, map-with-zoom-control, map-with-layers-control, map-with-tile-layers-control, map-with-layer-groups-control, map-with-feature-groups-control, map-with-locate-control, map-with-locate-control-callbacks, map-with-custom-control-position, map-with-complex-custom-control-position, map-with-draw-control, map-with-draw-control-callback, map-with-draw-control-specific-shapes, map-with-search-control, map-with-search-control-place-select, map-with-search-control-results-change, map-with-search-control-configurations, map-with-custom-control-container, map-with-fullscreen-control

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@shadcn-map · map

npx shadcn@latest add http://shadcn-map.vercel.app/r/map.json
View source