Configurable particle system.
Every prop is wired to the controls underneath. Move the pointer over the field and the particles shift against it.
| Prop | Type | Default | Description |
|---|---|---|---|
particleCount | number | 200 | The number of particles to generate. |
particleSpread | number | 10 | Controls how far particles are spread from the center. |
speed | number | 0.1 | Speed factor controlling the animation pace. |
particleColors | string[] | ['#ffffff'] | An array of hex color strings used to color the particles. Read once per build, so remount the component to change it. |
moveParticlesOnHover | boolean | false | Determines if particles should move in response to mouse hover. |
particleHoverFactor | number | 1 | Multiplier for the particle movement when hovering. |
alphaParticles | boolean | false | If true, particles are rendered with varying transparency; otherwise, as solid circles. |
particleBaseSize | number | 100 | The base size of the particles. |
sizeRandomness | number | 1 | Controls the variation in particle sizes (0 means all particles have the same size). |
cameraDistance | number | 20 | Distance from the camera to the particle system. |
disableRotation | boolean | false | If true, stops the particle system from rotating. |
pixelRatio | number | 1 | Sets the pixel ratio for sharper rendering on high-DPI screens. |
Keyboard shortcuts and ARIA behavior.