sh4dcn
Registries
ActiveMaps242

@terrae

Maps · MIT · data updated 2026-07-28

A shadcn/ui companion library of composable, animated map components for React built on Mapbox GL JS and MapLibre GL, TypeScript, and Tailwind CSS. Components cover basic-map, markers, animated markers, circles, circle clusters, polygons, lines, animated lines, radial lines, heatmaps, popups, radar, choropleth, compare/comparison, minimap, compass, controls, camera-follow, raster video, and dramatic particle effects (fire, lightning, rain, explosion, cyclone, meteor). Offers hooks and an API reference. Free and open source (MIT). Use for: any React/Next.js app that needs declarative, shadcn-integrated interactive maps with rich visual effects and animated data layers.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@terrae preview
aestheticanimationaudioauthchartsformshooksmapsmedia

Install

npx shadcn@latest add https://www.terrae.dev/registry.json

Health

StatusActive
Last commit3 months ago
LicenseMIT
Open issues2
ArchivedNo
Stars242

Components (40)

mapmarkerpopupcontrolscircle-clustermarker-animatedlineline-animatedanimated-pulserainraster-videoimagemini-mapcomparesyncarc-animatedcamera-followcircleanimated-circleblur-areatargeting-reticleradarwatermarkcompassline-radialpolygonanimated-polygonchoroplethanimated-footprintfireexplosioncyclonemusic-discsteamtsunamisandstormsnowmeteorlightninggrid
Components: map, marker, popup, controls, circle-cluster, marker-animated, line, line-animated, animated-pulse, rain, raster-video, image, mini-map, compare, sync, arc-animated, camera-follow, circle, animated-circle, blur-area, targeting-reticle, radar, watermark, compass, line-radial, polygon, animated-polygon, choropleth, animated-footprint, fire, explosion, cyclone, music-disc, steam, tsunami, sandstorm, snow, meteor, lightning, grid

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.

@terrae · map

npx shadcn@latest add https://www.terrae.dev/map.json
View source