# Interactive Globe

> Interactive 3D rotating globe built with pure canvas — zero dependencies. 1,200 Fibonacci-distributed dots form the sphere, glowing arcs connect city markers with traveling light particles, pulsing rings mark locations with labels. Drag to rotate with pointer capture, auto-rotates when idle. Configurable markers, connections, colors, and speed. The demo mirrors the Spline robot layout — dark card, left copy, right interactive 3D.

- Author: [Yad Hakim](https://21st.dev/@dev.yadhakim)
- License: unknown
- Live preview: https://21st.dev/@dev.yadhakim/components/interactive-globe

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/dev.yadhakim/interactive-globe?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt