---
title: "Atomic Globe — Free Framer component · Best of Framer"
description: "Free Framer component · by Baruch Moskovits · Maps. Really clean particle WebGL globe"
canonical: "https://framer.elliotli.dev/component/atomic-globe"
---

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

# Atomic Globe

Really clean particle WebGL globe

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

![Atomic Globe preview image 1](https://framer.elliotli.dev/og/component/atomic-globe/357fcc4588c2327c/1600x979.jpg)

## Summary

Really clean particle WebGL globe

## Description

An interactive 3D globe built from thousands of glowing particles that assemble into the world's continents. Fully rendered in WebGL (Three.js) with no image maps or network requests — the landmasses come from a baked-in coastline mask, so it just works.

## Features

-   **Particle assembly animation**: points fly in from a scattered starfield and converge into the continents on load, on scroll-back-into-view, or in a continuous endless stream.
    
-   **See-through point cloud**: a translucent shell with adjustable backside fade, so the far hemisphere reads softly behind the front.
    
-   **Drag to explore**: grab and spin the globe in any direction, with optional vertical tilt and a natural spring-back. Auto-rotation runs frame-rate-independently, so motion stays smooth on any display.
    
-   **Hover lens**: a liquid magnification effect that bulges and spreads the points under the cursor.
    
-   **Pulse Beacon hotspots**: pin any number of locations by latitude/longitude. Click a beacon to fly the globe to it and expand a rich card with an image, description, and call-to-action button. A classic Location Pin style is also included.
    
-   **Animated flight paths**: comet-style arcs connecting your hotspots, either as a sequential loop or between every pair.
    
-   **Customizable**: settings for the globe, point cloud, assembly & motion, drag controls, hover lens, hotspot styling, and flight paths, with live color and layout tuning.
    
-   **Performance-aware**: auto-detects low-end and mobile devices and scales point count, pixel ratio, and antialiasing accordingly.
    

Perfect for hero sections, landing pages, "global presence" or coverage maps, and product showcases that need a premium, tactile centerpiece.

Used on the live website: [revu.co/about](https://revu.co/about)

_Credit: inspired by_ [_Pro Particle Globe_](https://www.framer.com/community/marketplace/components/pro-particle-globe/) _on the Framer Marketplace._

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

-   All · #136

## Details

- **Author**: Baruch Moskovits
- **Published**: 2026-07-24
- **Updated**: 2026-09-21
- **Added**: 2026-07-24
- **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…