Get everything for $99, lifetime

Components

World Map

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/world-map

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 { WorldMap } from "@/components/ui/WorldMap";

<WorldMap
  markers={[
    { lat: 37.77, lng: -122.42, label: "San Francisco" },
    { lat: 51.51, lng: -0.13, label: "London" },
    { lat: 1.35, lng: 103.82, label: "Singapore" },
  ]}
  arcs={[
    { from: 0, to: 1 },
    { from: 1, to: 2 },
  ]}
/>

Use cases

  • Global infrastructure

    Show your edge network or data centers with traffic flowing between regions.

  • Customers worldwide

    A social-proof section plotting where your users are.

  • Data residency and sync

    Visualize replication between regions for compliance-minded buyers.

  • Logistics and delivery

    Routes moving between hubs for shipping and travel products.