3D Music Globe

What if every location had its own story — and its own sound?

3D Sonic Globe is an interactive 3D globe component for Framer that brings locations, data, and music together in one immersive experience.

🌍 Interactive Globe

• Drag, rotate, and explore the globe

• Click marked cities and locations

• Smooth touch interactions

• Custom rotation, tilt, and interaction strength

• Adjustable globe scale, dot density, and glow

🎵 Music Experience

• Assign a unique music track to each location

• Open a compact music player when a city is selected

• Custom track artwork

• Play / pause controls

• Previous / next track controls

• Seek through tracks with a progress bar

• Animated waveform-style visualization

📊 Data & Locations

• Custom location markers and labels

• Connect locations with hub or chain layouts

• Create animated data storms and particles

• Scale markers and effects based on data values

• Visualize relationships between locations

🎨 Deep Customization

• Custom colors and glow effects

• Adjustable particles and animations

• Custom location data

• Custom track artwork

• Use your own 2:1 land-mask image instead of the built-in Earth texture

✨ Perfect For

• Music discovery

• Artist websites

• Global data stories

• Interactive portfolios

• Creative landing pages

• Cultural projects

• Data dashboards

• Place-based storytelling experiences

⚡ Built For Framer

Built with Three.js for Framer, with:

• Touch interaction

• Static rendering support

• Reduced-motion handling

• Responsive behavior

Support

Need help customizing the component?

📩 divyeshwebcraft@gmail.com 🌐 divyeshwebcraft.framer.website/