Globe Pins

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.

––––––––––––––––––––––––––––––––––––––––––

License Agreement

Allowed: Use in personal websites and commercial client projects.

Not allowed: Including the component in templates for resale on any digital marketplace.

––––––––––––––––––––––––––––––––––––––––––

🌎 Where You Can Use

• 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.

💎 Key Features

• 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 font family and label size.

You can find LON/LAT coordinates on www.latlong.net

🎛️ Settings

✅ Updates

• 14.10.2025 – Added preloader progress themes: Light or Dark

• 23.10.2025 - Added Opacity Backside

• 6.11.2025 - Added Start From (Globe Position) and Stop Motion in Editor

• 3.12.2025 - Fixed bug with Globe size in Framer Editor

• 19.12.2025 - Added Post Effects

• 8.01.2026 - Added Trails to Pins

• 24.05.2026 - Added Real Map with Day/Night change.