---
title: "Interactive Dot Map — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Reem Magdi · Maps. Draggable map with reactive dots"
canonical: "https://framer.elliotli.dev/component/interactive-dot-map"
---

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

# Interactive Dot Map

Draggable map with reactive dots

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

![Interactive Dot Map preview image 1](https://framer.elliotli.dev/og/component/interactive-dot-map/7420c83244529091/1600x863.jpg)

## Summary

Draggable map with reactive dots

## Description

### Create an elegant interactive world map directly in Framer.

Interactive Dot World Map uses lightweight canvas rendering and precomputed geographic data to deliver smooth interactions.

Choose between Simple and Detailed geography, drag horizontally to change the map center, and add customizable country or city labels using real latitude and longitude coordinates.

Features:

-   Accurate precomputed world geography
    
-   Simple and Detailed map styles
    
-   Infinite horizontal dragging
    
-   Mouse-reactive dots
    
-   Color, Scale, Repel, and Color + Repel interactions
    
-   Custom country and city locations
    
-   Real latitude and longitude positioning
    
-   Automatic SVG country flags
    
-   Custom flag and icon uploads
    
-   Custom typography, colors, labels, and markers
    
-   Animated pulsing location markers
    
-   Optional Antarctica
    
-   Responsive high-resolution canvas rendering
    
-   Keyboard navigation
    
-   Screen-reader descriptions and announcements
    
-   Visible keyboard focus indicators
    
-   Reduced-motion support
    

Ideal for portfolios, agencies, international companies, global teams, product websites, network visualizations, and location-based storytelling.

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

-   All · #2939

## Details

- **Author**: Reem Magdi
- **Price**: $10.00
- **Published**: 2026-07-17
- **Updated**: 2026-08-05
- **Added**: 2026-07-17
- **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…