# Marketing Globe

Global infrastructure section with an animated dotted globe showing regions and data center locations.

- id: `marketing-globe`
- Page: https://agentic-ui-kit.com/components/marketing-globe
- Live preview: https://agentic-ui-kit.com/live/component/marketing-globe?piece=marketing-globe

## Install

```bash
agentic-ui add marketing-globe
npx shadcn@4.17.0 add @agentic-ui/marketing-globe
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** dotted-globe, region-markers, connection-arcs, region-list, key-figures, draggable-rotation, reduced-motion, dark-mode
- **Intents:** communicate, show-composition
- **Suits domains:** marketing, saas, devtools, ai-agents, payments
- **Interaction:** drag, keyboard-navigation
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** global infrastructure section with an animated dotted globe showing regions and data center locations, landing page section about worldwide availability and edge latency with a 3D globe, show where our customers or servers are around the world with markers and arcs
- **Avoid when:** precise geographic analysis (use a map component), fewer than three locations, pages that must avoid canvas rendering
- **Preserve when adapting:** text-region-list, globe-label
- **Replace when adapting:** copy, stats, markers, arcs
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** @agentic-ui/motion-globe-dots, lucide-react
- **Registry dependencies:** lib-primitives, motion-globe-dots