---
title: "World Map — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Iaroslav · Maps. Animated World Map You can find more examples of customization in this demo Code component for visualizing global connections with animated…"
canonical: "https://framer.elliotli.dev/component/world-map"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/World Map

# World Map

Global connections map component

[View on Framer](https://framer.com/marketplace/components/world-map/?via=elliot-li)

![World Map preview image 1](https://framer.elliotli.dev/og/component/world-map/dfb81982aa829116/1600x1200.jpg)

## Summary

Animated World Map You can find more examples of customization in this demo Code component for visualizing global connections with animated curved paths.

## Description

## Animated World Map

You can find more examples of customization in [this demo](https://world-map-public-preview.framer.website/)

Code component for visualizing global connections with animated curved paths. Built on DottedMap + Framer Motion for smooth performance.

### What you get:

-   **Dynamic route system** — Add unlimited connection pairs via property controls (lat/lng input). No manual path drawing.
    
-   **Sequential or simultaneous animations** — Lines draw one-by-one for storytelling, or all at once for impact.
    
-   **Theme-aware** — Boolean toggle switches between light/dark color schemes. Map dots, background, and accent colors are independently configurable per theme.
    
-   **Loop control** — Turn infinite repeat on/off without touching code.
    
-   **Pulsing markers** — SVG-native animations for connection endpoints.
    

### Good for:

SaaS landing pages (server locations), logistics dashboards, agency portfolios (office network), travel blogs, etc.

### Config options:

Dark Mode (boolean), Routes (array of objects), Animation Type (sequential/simultaneous), Loop, Speed, Delay, Line Width, Dot/Pulse Radius, Map Dot Size, Colors per theme.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-albobi6b-YT9bPU0KErIMSM1uazESEH7Ehmsf6a)

## Rank history [How rankings work →](/terms#rankings)

-   All · #1446

## Details

- **Author**: Iaroslav
- **Price**: $2.00
- **Published**: 2025-12-17
- **Updated**: 2026-04-05
- **Added**: 2025-12-11
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…