Particle Sphere
0
Used by 0Controls
Particle Sphere
Spin an interactive 3D sphere of thousands of glowing particles that scatter away from your cursor and clicks.
KEY FEATURES
- — Adjustable particle count for dense or sparse spheres
- — Even Fibonacci sphere distribution across the surface
- — Clockwise or anticlockwise auto-rotation with speed control
- — Drag to rotate with throw momentum and smoothing
- — Cursor repulsion that displaces only the front-facing particles
- — Click and touch scatter bursts with adjustable force
- — Optional pause of rotation on hover
- — Custom particle color with opacity and additive glow
- — Particle size and overall sphere scale sliders
- — Full touch support for mobile interaction
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
particlesCount
number
10000
Number of particles spread across the sphere surface.
particleScale
number
4
Size of each individual particle; higher is larger.
scale
number
10
Overall size of the sphere; higher enlarges it.
drag
boolean
true
Enables click-and-drag to rotate the sphere by hand.
smoothing
number
7
Rotation easing and throw momentum; higher glides longer.
stopOnHover
boolean
false
Pauses auto-rotation while the cursor is over the sphere.
cursorOn
boolean
true
Enables cursor repulsion and click-scatter interactions.
cursorRadiusUI
number
75
Radius around the cursor, in pixels, that pushes particles.
cursorStrengthUI
number
10
Force pushing particles from the cursor; higher scatters more.
clickForce
number
5
Strength of the burst that scatters particles on click or tap.
sphereColor
color
#ffffff
Color of the particles and their additive glow.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
rotationDirection
enum
clockwise
Auto-spin direction: clockwise or anticlockwise.
speed
number
20
How fast the sphere auto-rotates; higher is faster.
dragSpeed
number
5
Drag sensitivity; higher rotates more per cursor move.
