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.
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
Credit: inspired by Pro Particle Globe on the Framer Marketplace.
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.
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
Credit: inspired by Pro Particle Globe on the Framer Marketplace.
