Get everything for $99, lifetime

Components

Dotted Globe

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dotted-globe

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { DottedGlobe } from "@/components/ui/DottedGlobe";

<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.