# Motion Globe Dots

Global infrastructure section listing hosting regions and the backbone links between them.

- id: `motion-globe-dots`
- Page: https://agentic-ui-kit.com/components/motion-globe-dots
- Live preview: https://agentic-ui-kit.com/live/component/motion-globe-dots

## Install

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

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** dotted-land-globe, orthographic-2d-canvas-projection, location-markers, great-circle-arcs, auto-rotation, drag-to-rotate, keyboard-rotation, focus-location, pause-control, offscreen-pause, hidden-tab-pause, reduced-motion-fallback, theme-adaptive-palette
- **Intents:** monitor-live, explore-detail, navigate
- **Suits domains:** saas, devtools, operations, ecommerce, travel
- **Interaction:** drag, keyboard-navigation, click
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** Global infrastructure section listing hosting regions and the backbone links between them, Office or team locations on an about page, with each office in the list bringing it to the front, Shipping lanes or delivery coverage on a logistics landing page
- **Avoid when:** Exact geography matters, such as precise borders, small countries or routes (use a real map instead), More than one ambient loop is already on screen, or the page is a dense working view such as a table or form, Billing, healthcare or legal screens under the enterprise or linear personalities, where the policy shows a static frame
- **Preserve when adapting:** markers-listed-as-text, canvas-aria-hidden, pause-control, static-frame-facing-first-marker, offscreen-pause
- **Replace when adapting:** markers, arcs, variant, size, labels
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 8/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile expressive, library canvas, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** lib-motion