---
title: "DottedWorldMap — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Viper Guy · Maps. Interactive dotted world map background"
canonical: "https://framer.elliotli.dev/component/dottedworldmap"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/DottedWorldMap

# DottedWorldMap

Interactive dotted world map background

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

![DottedWorldMap preview image 1](https://framer.elliotli.dev/og/component/dottedworldmap/b26c756615fe753e/1600x1200.jpg)

## Summary

Interactive dotted world map background

## Description

**Details** Dotted World Map is a Framer code component that renders a geographically accurate world map as a soft dot grid on a dark background. Continent boundaries are derived from real world topology data, so every shape is precise — not hand-drawn or approximated.

Hovering a continent fades its dots up smoothly and sends a quiet ripple wave across the landmass. All transitions use linear interpolation for a calm, flicker-free feel. The animation is intentionally subtle — it adds life without distracting from your content.

**What's included:**

-   Single .tsx file, paste-and-use in Framer
    
-   6 property controls: dot spacing, dot size, background color, base opacity, hover opacity, ripple duration
    
-   Works as a full-page background or section background
    
-   Dark navy default — pairs well with light-colored text layers on top
    

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

-   All · #8772

## Details

- **Author**: Viper Guy
- **Price**: $2.00
- **Published**: 2026-06-10
- **Updated**: 2026-06-10
- **Added**: 2026-06-06
- **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…