Sections

Dotted Globe

A rotating globe of land dots with your locations glowing as accent markers, each sending out a slow ripple. Drag to spin it — momentum hands back to the idle rotation.

All components

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/dotted-globe

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<DottedGlobe
  markers={[
    { lat: 37.77, lng: -122.42 },
    { lat: 51.51, lng: -0.13 },
    { lat: 35.68, lng: 139.65 },
  ]}
/>

Use cases

Global presence hero
A spinning globe with your office or region locations pulsing.
Edge network section
Points of presence marked across the planet, spinning slowly beside latency copy.
Remote team page
Where your teammates are, on a globe instead of a list.
Status and uptime pages
Regions rendered as living dots rather than a static table.