Globe Arcs

Globe Arcs
Globe Arcs

About Globe Arcs

Globe Arcs is a rotating 3D globe that shows how your places connect. Hairline arcs link your cities, a small pulse of light travels along each one, and location tags drift in and out of view as the globe turns. The default look is bright, quiet and minimal: a pearl white sphere, fine dark dots and a single accent color. Visitors can grab the globe and throw it. Everything is set from the properties panel, no code needed.

Features

  • Add places with a name, latitude and longitude, up to 40

  • Hub mode links your first place to all the others. Chain mode links each place to the next

  • A pulse of light travels along every arc, with its own color and speed

  • Continuous rotation in either direction, with adjustable tilt and start longitude

  • Drag to rotate, with a natural throw that eases back to cruising speed

  • Location tags in your own font, size, weight and letter spacing, as solid tags or plain text

  • Every color is editable and accepts your Framer color styles

  • Pearl sphere with adjustable shading, or turn the sphere off for a floating dot globe

  • Optional see through mode, halo and neon arc glow for dark pages

  • Works on light and dark backgrounds

  • Pauses when off screen and respects reduced motion

  • No external libraries, map tiles, API keys or network requests

Best for

  • Global network, payments, shipping and infrastructure sections

  • Headquarters and offices, remote team maps

  • Travel routes and event tours

Setup

  1. Copy the component link you receive after purchase and paste it onto your Framer canvas.

  2. Resize it freely. The globe fits the shorter side of the frame. Leave some room around it for the arcs and tags.

  3. Add your places in the right panel. Put your main location first if you use Hub mode.

  4. Set the colors, font, spin and tilt to match your site.

Support

Questions or issues? Email guocianyu@gmail.com