---
title: "Nebula Sphere — Framer component · Best of Framer"
description: "$10.00 · Framer component · by The Small Square · Sections. Add a mesmerizing, interactive 3D depth effect to your site with the Nebula Sphere."
canonical: "https://framer.elliotli.dev/component/nebulasphere"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Nebula Sphere

# Nebula Sphere

Create an interactive particle sphere

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

![Nebula Sphere preview image 1](https://framer.elliotli.dev/og/component/nebulasphere/c5e8d2fa4b9738f7/1600x1200.jpg)

## Summary

Add a mesmerizing, interactive 3D depth effect to your site with the Nebula Sphere.

## Description

Add a mesmerizing, interactive 3D depth effect to your site with the Nebula Sphere. This high-performance component renders a rotating globe of thousands of particles that react fluidly to your mouse cursor using physics-based animations.

**Key Features:**

-   **3 Interaction Modes:** Choose how particles react to the cursor—**Repel** (push away), **Attract** (magnetic pull), or **Swirl** (vortex effect).
-   **Fully Customizable:** Tweak the particle count (up to 5,000), sphere radius, colors, rotation speed, and warp strength to match your brand.
-   **High Performance:** Built on HTML5 Canvas with optimized math for buttery smooth 60FPS animations, even on mobile.
-   **Responsive:** Automatically adapts to fit any container size or layout.

**Great for:**

-   Hero sections
-   Interactive backgrounds
-   Data visualization accents
-   Creative portfolio headers

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

-   All · #9939

## Details

- **Author**: The Small Square
- **Price**: $10.00
- **Published**: 2025-12-05
- **Updated**: 2026-02-12
- **Added**: 2025-11-24
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove
