design-infraReport a problem or share feedback← Catalog
World Map
curatedfreeaceternity/world-map
A world map with animated lines and dots, programatically generated.
$
npx shadcn@latest add @aceternity/world-mapnpm deps: dotted-map, motion
Our notes
Animated connection lines on a dotted world map (needs dotted-map).- Source
- Aceternity UI
- Kind
- component
- Categories
- map, features
- Use as
- drop-in — replaces your component
- Applies to
- mapfeatures
- Motion
- on enter · medium · motion + svg · medium cost · ignores reduced motion
- Tags
- special
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Globemagicui/globeLightweight WebGL globe (cobe) — much cheaper than Aceternity's three.js globe. Colours are RGB arrays in the config (white base, orange markers); tune to your palette. One per page.
- Apple Cards Carouselaceternity/apple-cards-carouselApple-style card carousel that expands into a detail view.
- Bento Gridaceternity/bento-gridSimple bento layout. Colours are hard-coded neutral-200/white/black — prefer @oc/feature-bento for theme-aware tiles, or swap classes to bg-card/border.