Installation
Run the following command
npx shadcn@latest add @aceternity/world-mapProps
| Prop | Type | Default | Description |
|---|---|---|---|
| dots | Array<{start: Point, end: Point}> | [] | Array of coordinate pairs representing connections on the map |
| lineColor | string | #0ea5e9 | Color of the lines connecting the dots |
Point Object
| Property | Type | Required | Description |
|---|---|---|---|
| lat | number | Yes | Latitude coordinate (-90 to 90) |
| lng | number | Yes | Longitude coordinate (-180 to 180) |
| label | string | No | Optional label for the point |
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time
