Aura Globe 3D Pro

3D Globe: Sphere, Dots & Earth Map

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.

3D Globe: Sphere, Dots & Earth Map