Skip to content

Nebula Sphere

Create an interactive particle sphere

Nebula Sphere preview image 1

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 →

1500110001100618/149/49/2610/1811/9
  • All · #9939

Details

More like this