---
title: "Dot Map Globe 3D — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Saadat Ali · Maps. Interactive dotted globe component"
canonical: "https://framer.elliotli.dev/component/dot-map-globe-3d"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/Dot Map Globe 3D

# Dot Map Globe 3D

Interactive dotted globe component

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

![Dot Map Globe 3D preview image 1](https://framer.elliotli.dev/og/component/dot-map-globe-3d/7ffd6e58a314084e/1600x1200.jpg)

## Summary

Interactive dotted globe component

## Description

## Features

-   Interactive 3D globe and flat map modes
    
-   Beautiful procedural dot-based world rendering
    
-   Smooth drag rotation with momentum physics
    
-   Hover-reactive dot animation effects
    
-   Dynamic location markers with labels
    
-   Adjustable dot density and globe scaling
    
-   Variable edge and interior dot sizing
    
-   Responsive WebGL performance optimization
    
-   Elegant glassmorphism marker UI
    
-   Fully customizable colors and styling
    
-   Automatic viewport visibility optimization
    
-   High-performance Three.js rendering system
    

## Customization Options

-   Toggle between globe and flat map layouts
    
-   Customize ocean, background, and dot colors
    
-   Add unlimited custom location markers
    
-   Adjust globe size and positioning
    
-   Control rotation speed and hover effects
    
-   Modify dot density for visual detail
    
-   Fine-tune edge and interior dot sizes
    
-   Add procedural dot randomness
    
-   Adjust edge falloff intensity
    
-   Enable or disable hover interaction
    

## How to Use

1.  Add the component to your Framer canvas
    
2.  Choose between globe or flat map mode
    
3.  Customize your globe colors and styling
    
4.  Add markers using latitude and longitude
    
5.  Adjust dot density and sizing settings
    
6.  Configure rotation and hover interactions
    
7.  Publish your project with fully interactive 3D visuals
    

## Use Cases

-   SaaS dashboards and analytics tools
    
-   AI and Web3 landing pages
    
-   Logistics and global network visuals
    
-   Startup and tech websites
    
-   Data visualization interfaces
    
-   Interactive travel experiences
    
-   Global company showcases
    
-   Cyberpunk and futuristic UI sections
    

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

-   All · #1542

## Details

- **Author**: Saadat Ali
- **Price**: $10.00
- **Published**: 2026-05-30
- **Updated**: 2026-09-18
- **Added**: 2026-05-25
- **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…