5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Ta95,

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/

5a:[["$","$L5d",null,{"post":{"id":"01a1015f-1fa7-70db-aa74-9f84c0164d78","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"209f50a2-053f-4743-80bc-53199d20b167","name":"Divyesh WebCraft","slug":"divyesh-kargathiya-fket0d","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/bbfkoyc4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5OGEZSvdExqK5HD5uGTX","resolved":true,"title":"3D Music Globe","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What if every location had its own story — and its own sound?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"3D Sonic Globe","marks":[{"type":"bold"}]},{"type":"text","text":" is an interactive 3D globe component for Framer that brings locations, data, and music together in one immersive experience."}]},{"type":"customHeading","content":[{"type":"text","text":"🌍 Interactive Globe"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag, rotate, and explore the globe"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click marked cities and locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth touch interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom rotation, tilt, and interaction strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable globe scale, dot density, and glow"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"musical_note","emoji":"🎵"}},{"type":"text","text":" Music Experience"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Assign a unique music track to each location"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open a compact music player when a city is selected"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom track artwork"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Play / pause controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Previous / next track controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seek through tracks with a progress bar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated waveform-style visualization"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"bar_chart","emoji":"📊"}},{"type":"text","text":" Data & Locations"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom location markers and labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect locations with hub or chain layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create animated data storms and particles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scale markers and effects based on data values"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visualize relationships between locations"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Deep Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom colors and glow effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable particles and animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom location data"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom track artwork"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use your own "},{"type":"text","text":"2:1 land-mask image","marks":[{"type":"bold"}]},{"type":"text","text":" instead of the built-in Earth texture"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✨ Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Music discovery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Artist websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global data stories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cultural projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Data dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place-based storytelling experiences"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"⚡ Built For Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Built with "},{"type":"text","text":"Three.js","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer, with:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static rendering support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion handling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive behavior"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Need help customizing the component?"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"envelope_with_arrow","emoji":"📩"}},{"type":"text","text":" "},{"type":"text","text":"divyeshwebcraft@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:divyeshwebcraft@gmail.com","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"globe_with_meridians","emoji":"🌐"}},{"type":"text","text":" "},{"type":"text","text":"divyeshwebcraft.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://divyeshwebcraft.framer.website/","target":"_blank"}}]}]}]},"introduction":"Explore the world through sound","slug":"3d-music-globe","author":{"framerUserId":"209f50a2-053f-4743-80bc-53199d20b167","name":"Divyesh WebCraft","slug":"divyesh-kargathiya-fket0d","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/bbfkoyc4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/01a1015a-dea3-719a-964e-e65240843e79.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-03T10:46:13.107Z","updatedAt":"2026-10-03T11:16:20.208Z","publishedAt":"2026-10-03T10:46:13.103Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Music-Globe-KNBlLO.js@DjezZX9MlvBGyU0pQdwX","previewUrl":"https://innovative-music-974293.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"DjezZX9MlvBGyU0pQdwX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T10:46:13.671Z","updatedAt":"2026-10-03T10:46:13.671Z","reported":false}}],"$L5f"]

Suggested for you