Globe Pins
3D WebGL globe with interactive location labels
Make it with Workshop
Build your own component with AI
3D WebGL globe with interactive location labels
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. Please search your LON/LAT coordinates in the web.
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.
