World Map

Display

Dotted world map (dotted-map SVG) with animated arcs between lat/long pairs and pulsing endpoint dots — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add world-map

Interno:

@/lib/utilsmotiondotted-mapnext-themes

Exemplo de uso

World MapExample.tsx

import { WorldMap } from "@/components/ui/cn/world-map/WorldMap";

export function WorldMapExample() {
  return (
    <WorldMap />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`dots`	`{ start: {lat,lng,label?}, end: {lat,lng,label?} }[]`	`[]`	Pares origem→destino; cada um vira um arco animado + pontos pulsantes
`lineColor`	`string`	`'var(--ks-info)'`	Cor do arco e dos pontos
`className`	`string`	—	Classes CSS extras no container

Carregando…