---
title: "Globe Pins — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sabo Sugi · Maps. Added real map with day/night change."
canonical: "https://framer.elliotli.dev/component/globe-pins"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/Globe Pins

# Globe Pins

WebGL Earth Map

[View on Framer](https://framer.com/marketplace/components/globe-pins/?via=elliot-li)

![Globe Pins preview image 1](https://framer.elliotli.dev/og/component/globe-pins/8357169b877ce400/1600x1200.jpg)

## Summary

Added real map with day/night change.

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lkq0yj28-cliI6KTOjfzGc4nwPCg2yKZlBdzcEq)](https://www.framer.com/marketplace/components/slot-text-with-3d/)

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](https://www.latlong.net/)

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zo7l1hzb-P94lEdMyCu7bm0U1afeuVLr9fgBVXD)

## 🎛️ Settings

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-tpuwgleh-Ml6jAMhOSDj51KAQxhxhRDqXwpn6sB)

## ✅ 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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #483

## Details

- **Author**: Sabo Sugi
- **Price**: $5.00
- **Published**: 2025-09-09
- **Updated**: 2026-10-20
- **Added**: 2025-08-26
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…