World Map
A world map with animated lines and dots, programatically generated.
Remote Connectivity
Break free from traditional boundaries. Work from anywhere, at the comfort of your own studio apartment. Perfect for Nomads and Travellers.
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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
