Components
Three.js accretion-disk particle vortex with Keplerian rotation, an inward spiral, a glowing singularity core, and a cursor-reactive gravity well.
npx neonblade add void-vortexVoid
Vortex
Props Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
primaryColor | string | "#00ffff" | Outer ring particle colour (hex). |
coreColor | string | "#ffffff" | Inner accretion core colour (hex). |
bgColor | string | "#000000" | Renderer background colour (hex). |
particleCount | number | 4000 | Total number of particles (clamped 500–10000). |
rotationSpeed | number | 1 | Orbital rotation speed multiplier. |
accretionRate | number | 1 | Inward spiral (accretion) speed multiplier. |
diskRadius | number | 13 | Outer radius of the accretion disk in world units. |
diskDepth | number | 0.35 | Vertical thickness of the disk — 0 is perfectly flat. |
diskY | number | 0 | Y-axis offset of the entire disk in the scene. |
hoverGravity | boolean | true | Mouse hover creates a gravitational well that pulls nearby particles. |
hoverIntensity | number | 1 | Strength of the hover gravity well (0 = off, 3 = strong). |
showCore | boolean | true | Show the glowing orb sprite at the singularity centre. |
fog | boolean | false | Exponential fog that fades the scene into bgColor. |
opacity | number | 100 | Overall scene opacity (0–100). |
className | string | undefined | Extra class names applied to the wrapper div. |