57:I[473921,["/creators-assets/_next/static/immutable/chunks/2mufb5vfxu89s.js","/creators-assets/_next/static/immutable/chunks/1__2xzczq2pwn.js","/creators-assets/_next/static/immutable/chunks/2kn0bu6tvfjta.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/00ucqynnajlsr.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/382o7gg6l86xy.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/02-x_1qnbh38n.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/2ww-ud7wb5tjj.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/1bav8vveixprt.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:Tc70,

Key Features

Interactive 3D Earth
- Drag to rotate with natural inertia
- Smooth auto-rotation with adjustable speed
- Mobile-optimized rendering and controls
Cities & Pins
- Add cities with a simple comma-separated list
- Built-in city database with automatic geocoding fallback
- Glowing pins with optional pulsing activity rings
Animated Connection Arcs
- Multiple modes: Custom, Hub, Sequential, or All-to-All
- Stylized animated routes with editable colors
- Perfect for visualizing networks, routes, or reach
Cinematic Visual Layers
- Realistic day/night lighting cycle
- Terrain displacement for surface detail
- Moving cloud layers and atmospheric glow
- Aurora effects near the poles
- Procedural starfield background
City Lightbox (Optional)
- Click a city label to zoom through clouds
- Reveal a polished info popup with:
  - City name
  - Subtitle / role
  - Coordinates
  - Optional city image
- Smooth transitions designed for storytelling

Customization Controls

All customization is available directly in Framer—no code required:

Toggle labels, pins, arcs, pulses, clouds, aurora
Adjust zoom, rotation speed, cloud speed, atmosphere strength
Change arc colors and label scale
Define hub cities or custom city-to-city routes
Assign images and subtitles per city

Ideal Use Cases

SaaS or startup “Global Presence” sections
Logistics, travel, telecom, or infrastructure pages
Company locations, regional hubs, expansion timelines
Investor decks and pitch pages
High-impact portfolio hero sections

Performance Notes

Automatically adapts quality for desktop vs mobile
WebGL-based (Three.js) for smooth real-time interaction
Designed for modern browsers

Requirements / Limitations

Requires WebGL support (standard on modern devices)
Best experienced on desktop, fully supported on mobile
City geocoding uses OpenStreetMap when needed (no API key required)

Why This Component

Most globes are static videos or shallow animations. This component is interactive, data-driven, and cinematic, built to instantly elevate perceived quality and credibility.

Email support available!

54:[["$","$L57",null,{"post":{"id":"019bf157-835b-7b5e-bb0d-795a459b5b35","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8eddd87b-2242-442e-b012-4fee7ddbec85","name":"Dalton Taylor","slug":"dalton-taylor","avatar":"https://framerusercontent.com/avatars/users/8eddd87b-2242-442e-b012-4fee7ddbec85/Vvt-7JkFb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wvNwid1koflEXxpvLPzw","resolved":true,"title":"Interactive 3D Globe","body":"$58","bodyJson":null,"introduction":"Map your world in motion","slug":"interactive-3d-globe","author":{"framerUserId":"8eddd87b-2242-442e-b012-4fee7ddbec85","name":"Dalton Taylor","slug":"dalton-taylor","avatar":"https://framerusercontent.com/avatars/users/8eddd87b-2242-442e-b012-4fee7ddbec85/Vvt-7JkFb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wvNwid1koflEXxpvLPzw/interactive-3d-globe-26YGxgswj6o99JLU6rRoEj95FW9U0Q","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-12T04:17:01.191Z","updatedAt":"2026-01-24T17:05:21.760Z","publishedAt":"2026-01-24T18:50:02.971Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intuitive-form-119975.framer.app/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_n4xFUO73lNaf9yi2pQ7NbrstahHwnfY4f6xZV1oT6bs","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"5lQWmnEtZUqtTVCIl8SA","tags":[]}}],"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-01-24T18:50:02.971Z","updatedAt":"2026-01-24T18:50:02.971Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you