Skip to content

component

Nebula Sphere

By The Small Square

Details

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

Introduction

Create an interactive particle sphere

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600177818/148/228/309/79/15
  • All · #7781