@shadcnmaps

A registry of 170+ interactive SVG map components for React covering all world countries, continents (Africa, Europe, Asia), US states, and several country-level subdivisions (Brazil, Japan, Australia). Built with pure React SVG and no external mapping libraries. Features include hover tooltips, region click/keyboard selection, zoom/pan controls, custom markers, and full CSS-variable theming with light/dark mode. Installed per map via the shadcn CLI. Free and open-source. Use for: embedding interactive choropleth or region-selection maps in dashboards or data-viz pages without a heavy mapping library dependency.

60 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://shadcnmaps.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://shadcnmaps.com/r/registry.json

bun bunx shadcn@latest add https://shadcnmaps.com/r/registry.json

fetch registry curl -s https://shadcnmaps.com/r/registry.json

Components

60 total

Map ui

Core SVG map renderer with region interaction, tooltips, and markers. Required by all map components.

npx shadcn@latest add https://shadcnmaps.com/r/map.json

USA Map component

Interactive United States map with all 50 states and DC. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/usa.json

Africa component

Interactive Africa map with 56 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/africa.json

Alabama component

Interactive Alabama map with 68 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/alabama.json

Alaska component

Interactive Alaska map with 30 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/alaska.json

Algeria component

Interactive Algeria map with 49 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/algeria.json

Angola component

Interactive Angola map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/angola.json

Argentina component

Interactive Argentina map with 25 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/argentina.json

Arizona component

Interactive Arizona map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/arizona.json

Arkansas component

Interactive Arkansas map with 76 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/arkansas.json

Asia component

Interactive Asia map with 54 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/asia.json

Australia component

Interactive Australia map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/australia.json

Austria component

Interactive Austria map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/austria.json

Azerbaijan component

Interactive Azerbaijan map with 79 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/azerbaijan.json

France Map component

Interactive France map with 13 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/france.json

World Map component

Interactive World map with 256 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/world.json

Bahrain component

Interactive Bahrain map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/bahrain.json

Bangladesh component

Interactive Bangladesh map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/bangladesh.json

Belarus component

Interactive Belarus map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/belarus.json

Belgium component

Interactive Belgium map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/belgium.json

Bolivia component

Interactive Bolivia map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/bolivia.json

Brazil component

Interactive Brazil map with 27 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/brazil.json

Bulgaria component

Interactive Bulgaria map with 28 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/bulgaria.json

California component

Interactive California map with 58 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/california.json

Colorado component

Interactive Colorado map with 64 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/colorado.json

Cameroon component

Interactive Cameroon map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/cameroon.json

Central America component

Interactive Central America map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/central-america.json

Canada component

Interactive Canada map with 13 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/canada.json

Caribbean component

Interactive Caribbean map with 35 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/caribbean.json

China component

Interactive China map with 32 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/china.json

Colombia component

Interactive Colombia map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/colombia.json

Connecticut component

Interactive Connecticut map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/connecticut.json

Costa Rica component

Interactive Costa Rica map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/costa-rica.json

Côte d'Ivoire component

Interactive Côte d'Ivoire map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/cote-ivoire.json

Croatia component

Interactive Croatia map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/croatia.json

Cuba component

Interactive Cuba map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/cuba.json

Czech Republic component

Interactive Czech Republic map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/czech-republic.json

Democratic Republic of the Congo component

Interactive Democratic Republic of the Congo map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/democratic-republic-congo.json

Denmark component

Interactive Denmark map with 98 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/denmark.json

Dominican Republic component

Interactive Dominican Republic map with 32 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/dominican-republic.json

Ecuador component

Interactive Ecuador map with 24 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/ecuador.json

Egypt component

Interactive Egypt map with 27 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/egypt.json

El Salvador component

Interactive El Salvador map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/el-salvador.json

Estonia component

Interactive Estonia map with 15 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/estonia.json

Ethiopia component

Interactive Ethiopia map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/ethiopia.json

Finland component

Interactive Finland map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/finland.json

Germany component

Interactive Germany map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/germany.json

Ghana component

Interactive Ghana map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/ghana.json

Greece component

Interactive Greece map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/greece.json

Guatemala component

Interactive Guatemala map with 22 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/guatemala.json

Honduras component

Interactive Honduras map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/honduras.json

Hungary component

Interactive Hungary map with 43 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/hungary.json

India component

Interactive India map with 36 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/india.json

Indonesia component

Interactive Indonesia map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/indonesia.json

Iran component

Interactive Iran map with 31 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/iran.json

Iraq component

Interactive Iraq map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/iraq.json

Ireland component

Interactive Ireland map with 34 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/ireland.json

Israel component

Interactive Israel map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/israel.json

Italy component

Interactive Italy map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/italy.json

Japan component

Interactive Japan map with 47 regions. Supports click, hover, selection, tooltips, and custom markers.

npx shadcn@latest add https://shadcnmaps.com/r/japan.json