---
title: "Responsive 3D Globe — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Quzmo Studios ™ · Maps. 3D Globe: Sphere, Dots & Earth Map"
canonical: "https://framer.elliotli.dev/component/responsive-3d-globe"
---

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

# Responsive 3D Globe

3D Globe: Sphere, Dots & Earth Map

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

![Responsive 3D Globe preview image 1](https://framer.elliotli.dev/og/component/responsive-3d-globe/8427c3e4a785482c/1600x1200.jpg)

## Summary

3D Globe: Sphere, Dots & Earth Map

## Description

## **Aura 3D Globe Pro: The Ultimate Framer Globe**

The most deeply configurable 3D globe component for Framer. Unlike heavy WebGL alternatives, Aura Globe renders entirely on Canvas 2D—meaning zero dependencies, no Three.js, and instant load times. It’s not just a preset; it’s a complete visual system where every layer is independently customizable.

**A Complete Visual System**

-   **Fibonacci Dot Sphere:** Up to 8,000 uniformly distributed dots with real-time depth sorting. Filter by "Ocean only", "Land only", or "Everywhere". Bring the surface alive with organic motion (Noise, Fluid, Pulse) or ambient sine-wave breathing.
    
-   **Aurora Borealis:** A multi-layer, screen-blended aurora driven by compound sine waves. Customize three cycling colors, flow speed, and toggle between polar caps or full-globe coverage.
    
-   **Magnetic Cursor:** The standout feature. Nearby dots react to hover using true spring-damper physics. Choose Attract, Repel, Orbit, or Vortex modes, complete with a 3D-projected cursor aura.
    
-   **Geography & Arcs:** Real-world land polygons with solid or dotted matrix styles. Connect cities using correct great-circle arcs with animated dashes.
    
-   **Dynamic Overlays:** Add pulsing city hotspots, glowing shooting stars, vertical data spikes, expanding spotlight rings, and interactive city pin popups with spring transitions.
    

**Modes & Interactivity**

Switch seamlessly between Dots, Wireframe, and Hybrid render modes. Enable constellation lines for a star-map aesthetic, or add click-triggered shockwaves.

**Performance & Compatibility** Built specifically for Framer. It's SSR-safe, fully responsive, and targets a smooth 60fps using a zero-garbage-collection depth bucket system. The land mask loads asynchronously so the globe renders instantly.

**Ideal For:** SaaS hero sections, global network maps, pitch decks, and premium dashboards. Give your project a truly global, premium feel without writing any code.

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

-   All · #4794

## Details

- **Author**: Quzmo Studios ™
- **Price**: $14.00
- **Published**: 2026-06-25
- **Updated**: 2026-09-23
- **Added**: 2026-06-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…