About 3D Dash Globe
3D Dash Globe is an interactive 3D globe component for Framer that transforms geographic data into a striking dashed-ring visualization. Built with WebGL and Three.js, it combines spherical depth, animated latitude rings, location beams, glowing accents, and smooth rotation to create a premium global showcase for modern websites.
HOW TO USE
Add 3D Dash Globe to your Framer page
Add locations with names and coordinates
Customize the globe, rings, beams, and labels
Choose Dark or Light mode and customize colors
KEY FEATURES
Dashed 3D Globe — A distinctive globe built from geographic dash segments.
Custom Locations — Add up to 16 locations with precise coordinates.
Location Beams — Highlight destinations with animated beams and glowing points.
Interactive Rotation — Drag to rotate with smooth momentum.
Auto Spin — Keep the globe moving with adjustable speed and direction.
Light Sweep — Add a dynamic glowing sweep across the globe.
Animated Entrance — Globe rings assemble with a cinematic reveal.
Dark & Light Themes — Switch between customizable visual modes.
Theme Toggle — Give visitors an interactive sun/moon switcher.
Custom Labels — Display location names with configurable typography.
Keyboard Controls — Rotate and tilt using arrow keys.
Responsive Rendering — Adapts smoothly to different frame sizes.
Reduced Motion — Respects system motion preferences.
WebGL Rendering — GPU-powered rendering for smooth 3D interaction.
WHY 3D DASH GLOBE?
Create a global visual that feels far more distinctive than a traditional map. 3D Dash Globe is designed for portfolios, technology companies, agencies, SaaS products, global teams, travel brands, logistics, events, and any Framer website that needs an immersive way to communicate worldwide presence.
