Globe Pins
3D WebGL globe with interactive location labels. After your purchase, you will receive a link to the Component URL. Need copy URL and paste to Framer.
Make it with Workshop
Build your own component with AI
3D WebGL globe with interactive location labels. After your purchase, you will receive a link to the Component URL. Need copy URL and paste to Framer.
Make it with Workshop
Build your own component with AI
A lightweight Three.js globe that renders countries as shimmering point clouds and lets you place labeled “pins” anywhere on Earth. Designed for Framer, it balances visual polish with strict GPU/CPU budgeting, so it feels smooth in both the canvas and on published sites. You can find LON/LAT coordinates on https://www.latlong.net/
Auto-rotate the globe and control speed.
Zoom & orbit (optional) with inertia.
Country rendering as edge + fill point layers (color, size, density, opacity).
Pins with labels: name, address, phone; glowing dot + halo.
Styling: label color, background, border, opacity; pin dot color.
Typography: pick a Framer font family and label size.
Store/office locator: highlight your locations with rich labels.
Global footprint / client map: show presence, partners, shipments.
Data storytelling: keynote slides and hero sections with subtle motion.
Landing pages: ambient, low-distraction background with interactive points.
Event sites: visualize attendees, venues, or tour stops.
Dashboards: at-a-glance geographic status without heavy tile maps.
Updates:
14.10.2025 – Added preloader progress themes: Light or Dark
23.10.2025 - Added Opacity Backside
Need copy URL and paste to Framer Project.
