5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T866,

3D Globe Map is a highly interactive and visually engaging Framer component designed to showcase global locations, connections, and networks in a premium 3D environment. The globe automatically rotates to create a dynamic visual experience while allowing visitors to manually drag and explore different regions. Users can also zoom in and out for a closer look at the globe.

Add custom locations using latitude and longitude coordinates, complete with customizable markers and floating labels. Create connections between locations using elegant curved arcs. With customizable land, ocean, background, and marker colors, along with adjustable globe size and rotation speed, 3D Globe Map can easily adapt to any website's visual identity.

Key Features

Interactive 3D globe experience
Smooth automatic globe rotation
Drag and rotate interaction
Scroll-to-zoom functionality
Add multiple custom locations
Latitude and longitude controls
Customizable location labels
Custom markers with glow effects
Create curved connections between locations
Toggle connection arcs on or off
Adjustable globe size
Adjustable auto-rotation speed
Custom background, land, ocean, and marker colors
Responsive layout for different screen sizes
Performance-conscious rendering that pauses when off-screen

Perfect For

Global SaaS platforms
International businesses
Logistics and shipping companies
Travel and tourism websites
Analytics and data visualization dashboards
Network and connectivity platforms
Technology and AI websites
Global agency websites
Startup landing pages
Portfolio websites
Fintech and blockchain projects
Any website that needs an interactive global visualization

59:[["$","$L5c",null,{"post":{"id":"01a0292a-0256-76ce-973d-3f94cdeae509","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PScoH6UGYVvKwV6mDv3j","resolved":true,"title":"3D Globe Map","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Globe Map","marks":[{"type":"bold"}]},{"type":"text","text":" is a highly interactive and visually engaging Framer component designed to showcase global locations, connections, and networks in a premium 3D environment. The globe automatically rotates to create a dynamic visual experience while allowing visitors to manually drag and explore different regions. Users can also zoom in and out for a closer look at the globe."}]},{"type":"paragraph","content":[{"type":"text","text":"Add custom locations using latitude and longitude coordinates, complete with customizable markers and floating labels. Create connections between locations using elegant curved arcs. With customizable land, ocean, background, and marker colors, along with adjustable globe size and rotation speed, "},{"type":"text","text":"3D Globe Map","marks":[{"type":"bold"}]},{"type":"text","text":" can easily adapt to any website's visual identity."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D globe experience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth automatic globe rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and rotate interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-to-zoom functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add multiple custom locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Latitude and longitude controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable location labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom markers with glow effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create curved connections between locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle connection arcs on or off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable globe size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable auto-rotation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom background, land, ocean, and marker colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout for different screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-conscious rendering that pauses when off-screen"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global SaaS platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"International businesses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logistics and shipping companies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Travel and tourism websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Analytics and data visualization dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Network and connectivity platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Technology and AI websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fintech and blockchain projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any website that needs an interactive global visualization"}]}]}]}]},"introduction":"Interactive 3D Globe Map","slug":"3d-globe-map","author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0412f842-fca5-456f-b801-c84139673b67/01a02929-ec6d-779c-a3e0-67569cc74adb.png","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-08-22T11:10:13.590Z","updatedAt":"2026-08-22T11:35:59.311Z","publishedAt":"2026-08-22T11:10:13.586Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dglobemap.framer.website/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_5OQVLE06QAw48287ln3ZI5tRqhH7EY8CKcNqF2tGYDk","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"jgw6sbh6pfZC5yvMnB1H"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-22T11:10:14.102Z","updatedAt":"2026-08-22T11:10:14.102Z","reported":false}}],"$L5e"]

Suggested for you