---
title: "Particle Globe 3D — Free Framer component · Best of Framer"
description: "Free Framer component · by Sirrah Space · Backgrounds. Give your Framer website a futuristic, high-tech upgrade with the Particle Globe 3D component."
canonical: "https://framer.elliotli.dev/component/particle-globe-3d"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Particle Globe 3D

# Particle Globe 3D

Interactive 3D particle globe.

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

![Particle Globe 3D preview image 1](https://framer.elliotli.dev/og/component/particle-globe-3d/48afaeedc3ce484c/1600x1200.jpg)

## Summary

Give your Framer website a futuristic, high-tech upgrade with the Particle Globe 3D component.

## Description

Give your Framer website a futuristic, high-tech upgrade with the **Particle Globe 3D** component. This stunning, GPU-accelerated background renders a dense, rotating globe made of up to 30,000 individual floating particles. It features a distinct glowing core and an outer shell, creating a deep 3D illusion that instantly captures your visitors' attention.

Designed for maximum engagement, the globe is highly interactive: hovering over it accelerates the rotation and expands the inner core, while clicking triggers a dramatic, explosive scatter effect before the particles smoothly reform. Built entirely on custom GLSL shaders, it guarantees buttery-smooth 60fps animations. It also includes a smart visibility sensor that automatically pauses rendering when scrolled out of view, ensuring zero impact on device battery or CPU performance. Perfect for Web3, AI, and tech startup landing pages.

**Functions (Key Features):**

-   🌌 **3D Particle Physics:** Renders up to 30,000 dynamic particles with distinct core and shell behaviors.
    
-   🖱 **Interactive Hover:** The globe spins faster and the inner core dynamically expands when users hover over it.
    
-   💥 **Scatter Effect:** Clicking the globe triggers a spectacular particle explosion that smoothly reassembles.
    
-   🎨 **Color & Size Control:** Fully customize the shell color, core color, background, and overall scale to match your brand.
    
-   🚀 **Smart Performance:** GPU-accelerated rendering with an automatic off-screen pause mechanism to save system resources.
    

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

-   All · #1966

## Details

- **Author**: Sirrah Space
- **Published**: 2026-07-13
- **Updated**: 2026-07-13
- **Added**: 2026-07-13
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background