Globe Pins

Added real map with day/night change.

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.

Added real map with day/night change.